/*é‡ç½®æ ·å¼ START*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 300;}
li{list-style: none;}
a{text-decoration: none;display: block;background: transparent;outline: none;color:#000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#0078ce;}
textarea{resize:none; overflow: auto;}
input{padding-top: 0; padding-bottom: 0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; }
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;}
.error3{display: none !important;}
html,body{max-width:1920px;margin:0 auto;}
html{overflow-x: hidden;}
.inner{width:100%;margin:0 auto; position: relative;}
#alttxt{background: #FFF;border: 1px #ddd solid;font-size: 12px;padding: 10px;z-index: 1000;position: absolute;display: none;border-radius: 5px;box-shadow: 0px 0px 15px #aaa;}
/*é‡ç½®æ ·å¼ç»“æŸ*/
/*æ€»æ ·å¼*/
.hy-pc{display: none;}
.hy-sj{display: none;}
.hy-bx{position:fixed ;z-index: 999;background-color: #FFFFFF; top: 0; height: 146px;}
.hy-xd{position: fixed;z-index: 999;height: 130px; top: -146px; overflow: hidden;}
.hgao{height: 146px; width: 100%;}
.sw-g{position: relative;}
.w100{width: 100%;}
.w90{width: 90%; display: table; margin: 0px auto;}
.w98{width: 98%;margin: 0px auto; display: table;}
.w95{width: 95%;margin: 0px auto;}
.w1050{width: 1050px; margin: 0px auto;}
.w1200{width: 1200px; margin: 0px auto;}
.w1260{width: 1260px; margin: 0px auto;display: table;}
.w1280{width: 1280px; margin: 0px auto;display: table;}
.w1300{width: 1300px; margin: 0px auto;display: table;}
.w1400{width: 1400px; margin: 0px auto;}
.w1460{width: 1460px; margin: 0px auto;}
.w1500{width: 1500px; margin: 0px auto;}
.w1520{width: 1520px; margin: 0px auto;}
.w1560{width: 1560px; margin: 0px auto;}
.w1600{width: 1600px; margin: 0px auto;}
.w1630{width: 1740px; margin: 0px auto;}
.w1700{width: 1700px; margin: 0px auto;}
.innxc{display: flex; justify-content: center;}
.h50{ width: 100%; height: 50px;}
.bs{}
.hlogo{width: 23.1%; height: 146px;position: absolute; left: 8%; top: 0;}
.hlogo .hlogonei{ display: table-cell; vertical-align: middle;}
.hlogo img{width: auto;height: 146px;position: absolute; left: 0; top: 0;z-index: 999999;}
.hy-sj-logo{width: auto; height: 100%; margin-left: 15px;}
.hy-sj-logo img{height: 100%;}
.hy-sj-logo a img{height: 100%;}
.hy-sj-logo a{display: inline-block; height: 100%;}
.hy-ul{height: 146px; line-height: 146px; width: 53.5%; margin-left: 4%;}
.hy-xz{position: absolute; left: 0; top: 0; width: 100%; height: 100%;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hy-ul-6 ul li{width: 16.6%; float: left; text-align: center; position: relative;}
.hy-ul-7 ul li{width: 14.2%; float: left; text-align: center; position: relative;}
.hy-ul-8 ul li{width: 15%; float: left; text-align: center; position: relative;}
.hy-ul-9 ul li{width: 11.1%; float: left; text-align: center; position: relative;}
.hy-ul-10 ul li{width: 10%; float: left; text-align: center; position: relative;}
.hy-i ul li a i{position: absolute; z-index: -1; left: 0; top: 0; width: 100%;height: 100%; display: none;background-color: #000000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
/*.hy-i ul li:hover i{width: 100%; height: 100%;z-index: -1;}*/
.hy-i ul li a{}
.hy-i ul li{height: 35px; margin-top: 66px; line-height: 35px;border-radius: 35px; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hy-i ul li:hover{background-color: #0078ce;border-radius: 35px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hy-i ul li:hover a{color: #FFFFFF;}
.hy-tdh{position: absolute; right: 0; width: 20%; height: 146px;}
.hy-tdh img{ float: left; width: 16%; margin-top: 53px;}
.hy-tdh p{
margin-top: 47px;
width: 80%;
float: right;
font-size: 18px;
display: table;
color: #000000;
}
.hy-tdh span{
display: block;
font-size: 38px;
color: #d50000;
font-family: impact;
float: left;
}
.hy-tdh .dha{ width: 10.6%; margin-right: 18%; display: table;float: right; cursor: pointer; position: relative;}
.hy-tdh .dha2{position: absolute; right: 167px; top: 96px; display: none; height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; color: #FFFFFF; font-weight: bold; font-size: 18px; background-color: #0078ce;}
.hy-tdh .dha:after{content: ""; position: absolute; right: -85%; top: 53px; width: 1px; height: 38px; background-color: #FFFFFF;}
.hy-tdh .wxa{ width: 10.5%; display: table;float: right; cursor: pointer; margin-right: 26%; position: relative;}
.hy-tdh .wxa2{width: 120px; height: 120px; position: absolute; right: 60px; top: 40px; display: none;}
.hy-tdh2 .p1{margin-top: 52px; width: 70%;display: table;font-size: 16px; color: #000000;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
.hy-tdh2 .p2{width: 70%; display: table; color: #ed1c24;font-family: impact;font-size: 36px;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;}
.h55{width: 100%; height: 55px;}
.box22{width: 100%; height: auto; background-color: rgba(0,0,0,0.5); position: absolute; top: 146px;left: 0;display: none;z-index: 99999;}
.swwq1{padding-top: 30px; padding-bottom: 30px;}
.swwq1 ul li {position: relative;float: left;width: 15.6%;margin: 0.5%;overflow: hidden;border-radius: 5px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.swwq1 ul li:hover{background-color: #0078ce;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.swwq1 ul li .wxx1 {width: 100%;height: 137px;overflow: hidden; border-radius: 10px;}
.swwq1 ul li .wxx2 {display: table;width: 100%;height: 41px;position: relative;}
.wxx2 p {font-size: 16px;text-align: center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;line-height: 41px;z-index: 2;color: #FFFFFF;}
.wxx1 img {width: 100%;
max-height: 138px;
min-height: 138px;
}
.hchushi{}
.yangshi{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; background-color: #ffffff2b;}
.h100{height: 100px;}
.dq{text-align: center;display: table; height: 100%; width: 100%;}
.dq .dqt{display: table-cell; vertical-align: middle;}
.wa1{width: 100%; display: table; margin-top: 50px;}
.wa1 .sw1{font-family: impact; color: #FFFFFF; font-size: 31.53px; position: relative;z-index: 1; text-indent: 20px;}
.wa1 p span{font-family: "微软雅黑"; font-size: 18px;}
.wa1 .sw1:after{content: "";position: absolute; width: 32px; height: 20px; bottom: 5px;left: 50%; background-color: #0078ce;z-index: -1; margin-left: -67px;}
.wa1 .sw2{font-family: impact; color: #FFFFFF; font-size: 31.53px; position: relative;z-index: 1;text-align: center;text-indent: 50px;}
.wa1 .sw2:after{content: "";position: absolute; width: 32px; height: 20px; bottom: 5px;left: 50%; background-color: #0078ce;z-index: -1; margin-left: -67px;}
.wa1 ul{display: table; margin: 0px auto; width: 91%; margin-top: 17px;}
.wa1 ul li{width: 46%; margin: 2%;float: left; text-align: center; height: 30px; line-height: 30px;}
.wa1 ul li a{border: 1px solid #9a9a9a; font-size: 14px; color: #FFFFFF;border-radius: 30px;}
.wa1 ul li:hover a{background-color: #FFFFFF;}
.wa1 ul li:hover a{color: #000000;}
.wa1 .dibulianxi{width: 76%; float: right; display: table; margin-top: 17px;}
.wa1 .dibulianxi p{color: #FFFFFF; text-align: left;font-size: 16px;line-height: 28px;}
.cwa{text-align: right;}
.cwa img{ width: 140px; height: 140px; display: inline-block;}
/*å››ç‰åˆ†*/
.hd-xs-2{width: 50%; float: left;}
.hd-md-2{width: 49%; float: left; margin: 0.5%;}
.hd-xd-2{width: 48%; float: left; margin: 1%;}
.hd-xs-4{width: 24%; float: left;}
.hd-md-4{width: 23%; float: left; margin: 0.5%;}
.hd-xd-4{width: 22%; float: left; margin: 1%;}
.go_top{display: none;background:url(/file/by/fonts/1c34d9c2749349c3a1a4be3bbfc52ead.ttf);
}
/*æ€»æ ·å¼ç»“æŸ*/
/*æ‰‹æœºç«¯æ ·å¼*/
body.nav-open .nav {top: 100px;}
body.nav-open .xuanze .nav {top: 100px; left: 0;}
body.nav-open .hy-nav-toggle {box-shadow: none;}
body.nav-open .hy-nav-toggle:before {width: 2333px;height: 2333px;border-radius: 50%;background-color: rgba(10,163,68, .95);-webkit-transform: translateX(50%) translateY(-50%);-ms-transform: translateX(50%) translateY(-50%);transform: translateX(50%) translateY(-50%);}
body.nav-open .hy-nav-toggle .icon {width: 0;}
body.nav-open .hy-nav-toggle .icon:before {-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg); background-color: #FFFFFF;}
body.nav-open .hy-nav-toggle .icon:after {-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);background-color: #FFFFFF;}
body.nav-open .hy-nav-togglet {box-shadow: none;}
body.nav-open .hy-nav-togglet:before {width: 2333px;height: 2333px;border-radius: 50%;background-color: rgba(10,163,68, .95);-webkit-transform: translateX(50%) translateY(-50%);-ms-transform: translateX(50%) translateY(-50%);transform: translateX(50%) translateY(-50%);}
body.nav-open .hy-nav-togglet .icon {width: 0;}
body.nav-open .hy-nav-togglet .icon:before {-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg); background-color: #FFFFFF;}
body.nav-open .hy-nav-togglet .icon:after {-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);background-color: #FFFFFF;}
.hy-phone {position: fixed;top: 0;right: 0;z-index: 999;width: 100%;height: 55px;background-color: #FFFFFF; box-shadow: 0px 0px 10px 1px #000000;}
.hy-phone .hy-screen {width: 100%;height: 55px;position: relative;}
.hy-nav-toggle {width: 55px;height: 55px;z-index: 2;position: absolute;right: 0;top: 0;cursor: pointer;-webkit-transition-duration: .66s;transition-duration: .66s;}
.hy-nav-toggle:before {content: "";position: absolute;top: 0;right: 0;width: 55px;height: 55px;border-radius: 50%;-webkit-transition-duration: .66s;transition-duration: .66s;}
.hy-nav-toggle .icon {width: 30px;height: 4px;background-color: #0078ce;border-radius: 2px;position: absolute;top: 28px;right: 15px;-webkit-transition-duration: .5s;transition-duration: .5s;}
.hy-nav-toggle .icon:before,
.hy-nav-toggle .icon:after {z-index: 9999;width: 30px;height: 4px;background-color: #0078ce;border-radius: 2px;content: "";position: absolute;right: 0;-webkit-transition-duration: .5s;transition-duration: .5s;}
.hy-nav-toggle .icon:before {top: -9px}
.hy-nav-toggle .icon:after {top: 9px}
.hy-nav-togglet {width: 60px;height: 60px;z-index: 2;position: absolute;right: 0;top: 42px;cursor: pointer;background-color: #0078ce;-webkit-transition-duration: .66s;transition-duration: .66s;}
.hy-nav-togglet:before {content: "";position: absolute;top: 0;right: 0;width: 60px;height: 60px;border-radius: 50%;-webkit-transition-duration: .66s;transition-duration: .66s;}
.hy-nav-togglet .icon {width: 30px;height: 4px;background-color: #FFFFFF;border-radius: 2px;position: absolute;top: 28px;right: 15px;-webkit-transition-duration: .5s;transition-duration: .5s;}
.hy-nav-togglet .icon:before,
.hy-nav-togglet .icon:after {z-index: 9999;width: 30px;height: 4px;background-color: #FFFFFF;border-radius: 2px;content: "";position: absolute;right: 0;-webkit-transition-duration: .5s;transition-duration: .5s;}
.hy-nav-togglet .icon:before {top: -9px}
.hy-nav-togglet .icon:after {top: 9px}
.nav {position: absolute;top: 5000%;right: 0;width: 100%;height: 100%;z-index: 9;-webkit-transition-duration: .66s;transition-duration: .66s;-webkit-transition-timing-function: swing;transition-timing-function: swing;}
.nav ul{width: 100%;}
.nav ul li {list-style: none;}
.nav ul li a {display: block;padding: 10px 0;text-align: center;color: #fff;text-decoration: none;font-size: 20px;-webkit-transition-duration: .25s;transition-duration: .25s;}
.nav ul:hover li a {opacity: .5;}
.nav ul:hover li:hover a {opacity: 1;}
.xuanze{position: relative; margin-right: 30%;}
.xuanze .nav {position: absolute;left: 5000%;top: 100px;width: 100%;height: 100%;z-index: 9;-webkit-transition-duration: .66s;transition-duration: .66s;-webkit-transition-timing-function: swing;transition-timing-function: swing;}
.xuanze .nav ul{width: 100%;}
.xuanze .nav ul li {list-style: none;}
.xuanze .nav ul li a {display: block;padding: 10px 0;text-align: center;color: #fff;text-decoration: none;font-size: 20px;-webkit-transition-duration: .25s;transition-duration: .25s;}
.xuanze .nav ul:hover li a {opacity: .5;}
.xuanze .nav ul:hover li:hover a {opacity: 1;}
.k1{width: 100%; background-color: #000000; height: 200px;}
.k2{width: 100%; background-color: #009900; height: 200px; display: none;}
.activea{background-color: #0078ce; border-radius: 35px;}
a.activea{color: #FFFFFF;}
.activeb{background-color: #0078ce;color: #FFFFFF;}
.nr20{padding-top: 30px;}
/*æ‰‹æœºç«¯æ ·å¼ç»“æŸ*/
/*å¤´éƒ¨æ ·å¼*/
/*å¤´éƒ¨æ ·å¼ç»“æŸ*/
/*åº•éƒ¨æ ·å¼*/
.hy-foot{height: 390px; background-color: #343434;}
.hy-foot2{height: 50px; background-color: #005a9b; text-align: center; line-height: 50px;color: #fff;}
/*åº•éƒ¨æ ·å¼ç»“æŸ*/
/*å†…å®¹æ ·å¼*/
.swiper-container{
width: 100%;
}
.swiper-button-prev:after{color: rgba(255,255,255,0.7);}
.swiper-button-next:after{color: rgba(255,255,255,0.7);}
/*å†…å®¹æ ·å¼ç»“æŸ*/
.probanner{
width: 100%;
height: 520px;
background-attachment: fixed;
display: table;
overflow: hidden;
position: relative;
}
.wk1{background: url(/file/by/images/bannerabout.jpg);}
.wk2{background: url(/file/by/images/bannercase.jpg);}
.wk3{background: url(/file/by/images/bannerfahuo.jpg);}
.wk4{background: url(/file/by/images/bannercase.jpg);}
.wk5{background: url(/file/by/images/bannerlianxi.jpg);}
.wk6{background: url(/file/by/images/bannerfengcai.jpg);}
.wk7{background: url(/file/by/images/bannernews.jpg);}
.wk8{background: url(/file/by/images/bannernews.jpg);}
.probanner img{width: 100%; display: none;}
.fdxx{display: table; position: absolute;left: 0; top: 0; width: 100%; height: 100%;}
.bjw{display: table; width: 100%; height: 100%;}
.hy-neiye-bt{
display: table-cell;
vertical-align: middle;
}
.neiye-bt1{
color: #FFFFFF;
width: 100%;
overflow: hidden;
font-size: 72px;
text-align: center;
}
.wentiz2 p{text-shadow: 0px 1px 5px #000000;}
.neiye-bt1 span{display: inline-block;}
.neiye-bt2 span{display: inline-block;}
.neiye-bt2{
color: #FFFFFF;
overflow: hidden;
width: 100%;
font-size: 30px;
text-align: center;
}
.lineqq{width: 80px;height: 3px;background-color: #fff;margin: 20px auto;}
.bass{height: 60px; line-height: 60px;}
.bass a{
display: inline-block;
font-size: 14px;
color: #333333;
}
.sq1{width: 100%; display: table; height: 510px; background: url(/file/by/images/beijing.jpg) top 0 center no-repeat; background-size: 100%;}
.sq3{width: 100%;}
.sq4{width: 100%; height: 670px; background: url(/file/by/images/beijing3.jpg) top 0 center no-repeat; background-size: 100%;}
.sq5{width: 100%; display: table; height: auto;}
.sqq4 h2{font-size: 43.67px; text-align: center; color: #000000; font-weight: bold;}
.sqq4 p{font-size: 16px; text-align: center; color: #9c9c9c;text-transform:uppercase;}
.sqq4t{width: 1050px; margin: 0px auto; padding-top: 25px; height: 197px; overflow: hidden;}
.sqq4tb{width: 1120px; height: 260px; background-color: #007aeb; margin: 0px auto;}
.sqq4tb ul li{width: 25%; float: left; height: 165px; text-align: center; margin-top: 45px;}
.sqq4tb ul li img{
display: inline-block;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb ul li .sp1{
font-size: 18px;
color: #FFFFFF;
padding-top: 10px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb ul li .sp2{
font-size: 12px;
color: #73b6f4;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb .bk{
width: 100%;
height: 100%;
border-right: 1px solid #4da2f1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb ul li .bbk{
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4t p{font-size: 16px; color: #000000; text-indent: 2em; line-height: 30px; text-align: left;}
.sqq4tb ul li:hover .bk{
border: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb ul li:hover .bbk{
width: 150px;
height: 150px;
border-radius: 150px;
margin: 0px auto;
margin-top: -80px;
background-color: #0078ce;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb ul li:hover img{
margin-top: 15px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb ul li:hover .sp1{
display: none;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sqq4tb ul li:hover .sp2{
display: none;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.bt1{width: 100%; height: 50px; background: url(/file/by/images/cpzs.png) top 0 center no-repeat; background-size: 100%; margin-top: 60px;}
.bt2{width: 100%; text-align: center; padding-top: 20px; padding-bottom: 30px;}
.btc{width: 100%; height: 50px; background: url(/file/by/images/xwzx.png) top 0 center no-repeat; background-size: 100%; margin-top: 60px;}
#scroll_one{width: 100%; height: 332px; position: relative; overflow: hidden; float: left;}
#scroll_one ul{width:100000px; position: absolute; left: 0;}
#scroll_one ul li{float: left;width:280px;height: 332px;text-align: center;margin-right:25px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#scroll_one ul li img{display: inline-block; position: absolute; left: 50%; top: 0; transform: translateX(-50%); max-width: initial; width:auto; height: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#scroll_one .lbimg{width: 181px; height: 181px; margin: 0px auto; margin-top: 30px; overflow: hidden; border-radius: 181px; border: 8px solid #FFFFFF; position: relative;box-shadow: 0px 0px 5px 1px #CCCCCC;}
#scroll_one p{font-size: 16px; color: #FFFFFF; line-height: 35px;width: 100%;border-radius: 35px; overflow: hidden; margin-top: 10px; background-color: #4d4d4d; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#scroll_one ul li:hover .lbimg{}
#scroll_one ul li:hover img{left: 0; transform: scale(1.2); }
#scroll_one ul li:hover p{background-color: #0078ce;}
.w90 ul li:hover .oox{
border: 6px solid #f27d00;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.w90 ul li:hover .mingzi{
background-color: #f27d00;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#top_scroll {
height:700px;
overflow: hidden;
max-width:100%;
margin:0px auto 0;
}
#top_scroll ul li{
float: left;
width:24%;
margin:0.5%;
background-color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#top_scroll ul li:hover{
background-color: #cc0000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.shunximg{
width: 100%;
height: 273px;
overflow: hidden;
}
.imgdi{
height: 82px;
position: relative;
}
.dqp2 img{
width: 19px;
height: 19px;
margin-top: 5px;
}
.mlox1{
float: left;
}
.mlox2{
float: left;
display: none;
}
.dqp{
font-size: 18px;
margin-left: 6%;
margin-top: 15px;
}
.dqp2{
font-size: 22px;
font-family: impact;
margin-left: 6%;
margin-top: 7px;
text-indent: 5px;
color: #cc0000;
}
.morex{
position: absolute;
right: 6%;
top: 18px;
width: 120px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 14px;
background-color: #efefef;
border-radius: 28px;
}
#top_scroll ul li:hover .mlox2{
display: block;
}
#top_scroll ul li:hover .mlox1{
display: none;
}
#top_scroll ul li:hover .imgdi{
}
#top_scroll ul li .img{overflow: hidden; height: 273px;}
#top_scroll ul li .shunximg img{
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#top_scroll ul li:hover .shunximg img{
-webkit-transform:scale(1.2, 1.2);
-moz-transform:scale(1.2, 1.2);
-o-transform:scale(1.2, 1.2);
-ms-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
#top_scroll ul li .shunximg img{margin:0 auto; width: 100%;max-height: 100%;object-fit: cover;}
#top_scroll ul li .xiamian{
width: 100%;
height: 80px;
border-bottom: 1px solid #CCCCCC;
}
#top_scroll ul li .xiamiant{
width: 90%;
margin: 0px auto;
height: 100%;
position: relative;
}
.xiamiant h1{font-size: 18px; color: #000000;font-weight: bold; padding-top: 11px;}
.xiamiant p{font-family: impact; font-size: 24px; color: #007aeb; height: 30px; line-height: 30px; margin-top: 5px;}
.xiamiant p span{font-size: 24px; color: #000000; margin-top: -50px;line-height: 30px;font-weight: bold; padding-right: 10px;}
.anniu{position: absolute; top: 30px; right: 0; width: 118px; height: 26px; border: 1px solid #b9b9b9; text-align: center; line-height: 26px; font-size: 14px;border-radius: 26px; background-color: #FFFFFF;}
#top_scroll ul li:hover h1{
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#top_scroll ul li:hover p{
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#top_scroll ul li:hover span{
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.huaxinz{
float: left;
width: 30%;
height: 685px;
background: url(/file/by/images/cebiantu.jpg) center;
background-size: cover;
}
.huaxiny{
float: left;
width: 68%;
height: 627px;
margin-left: 2%;
position: relative;
}
.huaxinzw{
position: absolute;
top: 0;
right: 0;
display: table;
z-index: -1;
}
.huaxinz0{
width: 100%;
display: table;
margin-top: 45%;
}
.huaxinza{
width: 320px;
height: 70px;
margin: 0px auto;
border: 1px solid #FFFFFF;
}
.huaxinzb{
margin-top: 15px;
margin-left: 20px;
width: 320px;
height: 70px;
background: url(/file/by/images/bei.jpg) center;
background-size: cover;
}
.huaxinzb a{
color: #FFFFFF;
font-size: 29.33px;
text-align: center;
line-height: 70px;
}
.huaxinnz{
width: 100%;
font-size: 56px;
font-weight: bold;
color: #009c07;
text-align: left;
}
.s9q{
width: 100%;
display: table;
}
.s9q ul li{
width: 32.33%;
height: 410px;
margin: 0.5%;
float: left;
}
.s9q ul li .s8q{
width: 100%;
height: 100%;
}
.s8q .s7q{
width: 100%;
height: 347px;
overflow: hidden;
}
.s7q img{
width: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.s6q{
padding-top: 28px;
height: auto;
}
.s6q h3{
font-size: 16px;
font-weight: 500;
color: #000000;
overflow: hidden;
width: 98%;
margin: 0px auto;
text-align: center;
}
.s6q p{
width: 98%;
margin: 0px auto;
padding-top: 15px;
font-size: 14px;
color: #656565;
overflow: hidden;
}
.s5q p{
width: 98%;
margin: 0px auto;
padding-top: 30px;
font-size: 14px;
color: #656565;
overflow: hidden;
}
.s9q ul li:hover h3{
color: #1574cd;
}
.s9q ul li:hover img{
transform: scale(1.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.s9q ul li:hover p{
color: #009c07;
}
.baowei{
display: table;
margin-top: 30px;
margin-left: 180px;
}
.hongse{
width: 300px;
height: 50px;
line-height: 50px;
background-color: #0078ce;
border-radius: 50px;
float: left;
}
.hongse p{
color: #FFFFFF;
font-size: 30px;
font-family: impact;
text-align: center;
}
.hongse .dda{
color: #FFFFFF;
font-size: 32px;
padding-right: 20px;
}
.lanse{
width: 260px;
height: 50px;
line-height: 50px;
background-color: #1574cd;
border-radius: 50px;
float: left;
margin-left: 26px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.lanse a{
color: #FFFFFF;
font-size: 20px;
font-family: impact;
text-align: center;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.lanse:hover{
background-color: #0078ce;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.lanse:hover a{
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1{
height: 500px;
}
.ds1 ul li{
width: 30.33%;
margin: 1.5%;
float: left;
}
.ds1 ul li .ds2{
width: 100%;
height: 305px;
overflow: hidden;
position: relative;
z-index: -1;
}
.ds1 ul li .ds2 img{
width: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li .huangse{
width: 90px;
height: 80px;
background-color: #0078ce;
position: absolute;
top: 0;
left: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li .huangse p{
font-size: 42px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
}
.ds1 ul li .huangse span{
text-align: center;
font-size: 14px;
color: #FFFFFF;
display: block;
}
.ds1 ul li .ds3{
width: 80%;
height: 120px;
margin: 0px auto;
margin-top: -30px;
background-color: #f4f4f4;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li .ds3 h3{
font-size: 18px;
color: #4a4a4a;
width: 90%;
margin: 0px auto;
overflow: hidden;
text-align: left;
font-weight: 500;
padding-top: 17px;
padding-bottom: 10px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li .ds3 p{
font-size: 14px;
color: #767676;
width: 90%;
margin: 0px auto;
overflow: hidden;
line-height: 20px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li:hover .ds3{
margin-top: 0;
width: 100%;
background-color: #007aeb;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li:hover .huangse{
background-color: #007aeb;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li:hover img{
transform: scale(1.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li:hover h3{
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ds1 ul li:hover p{
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.s55a{
background: url(/file/by/images/beijing4.jpg) center no-repeat;
background-size: cover;
height: 1200px;
position: relative;
}
.s55a .s55b{
position: absolute;
top: 0;
left: 0;
display: table;
}
.c1300{
padding-top: 330px;
display: table;
}
.c1300 .xw1{
display: table;
float: right;
}
.c1300 .xw1 img{
width: 600px;
}
.c1200{
}
.c1200 ul li{
width: 21%;
margin: 2%;
float: left;
}
.c1200 ul li img{
width: 100%;
height: 100%;
border-radius: 250px;
}
.c1200 ul li .c1200c{
width: 100%;
border-radius: 250px;
border: 8px solid rgba(255,255,255,0.6);
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.c1200 ul li:hover .c1200c{
margin-top: -30px;
margin-bottom: 30px;
border: 8px solid rgba(245,133,0,0.6);
transform: scale(1.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.c1200b{
width: 50px;
height: 50px;
border-radius: 50px;
background-color: #0078ce;
font-size: 24px;
text-align: center;
color: #FFFFFF;
position: absolute;
bottom: -12%;
left: 50%;
margin-left: -26px;
line-height: 50px;
}
.c1200 ul li h2{
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
padding-top: 38px;
padding-bottom: 10px;
text-align: center;
}
.c1200 ul li p{
font-size: 14px;
color: #d7d6d8;
text-align: center;
line-height: 20px;
}
#allmap{height:500px;margin-top:30px;border:1px solid #ccc;}
#allmap img{max-width:none !important;}
#allmapp{height:170px;margin-top:30px;border:1px solid #ccc;}
#allmapp img{max-width:none !important;}
/* ===================== 在线留言 ===================== */
.form_box_box{width:100%;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);}
ul.fs{width:90%;margin:0 auto;}
ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
ul.fs .box1 li{float: left;width:32%;margin-right:2%; margin-bottom: 2%;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#0078ce;}
ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}
ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}
ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#0078ce;}
ul.fs li.radio{text-align: center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align: center;margin:20px 0;}
ul.fs li.yzm img{display: inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#0078ce;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#0078ce;font-size:16px;color:#fff;}
/* ===================== 在线留言 ===================== */
.fenlei ul{
text-align: center;
}
.fenlei ul li{
width: 13.2%;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 5px;
margin-right: 1%;
margin-top: 1%;
display: inline-block;
background-color: #e5e5e5;
transform: skew(-15deg);
-webkit-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-o-transform: skew(-15deg);
-ms-transform: skew(-15deg);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.fenlei ul li a{
font-size: 14px;
border-radius: 5px;
}
.fenlei ul li a span{
display: block;
transform: skew(15deg);
-webkit-transform: skew(15deg);
-moz-transform: skew(15deg);
-o-transform: skew(15deg);
-ms-transform: skew(15deg);
}
.fenlei ul li:hover{
background-color: #0078ce;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.fenlei ul li:hover a{
color: #FFFFFF;
}
.disp{width: 80%; float: right;}
#pageMain{
width: 100%;
display: table;
}
.disp ul li{
width: 32.33%;
float: left;
margin: 0.5%;
border-radius: 5px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp ul li .simg{
width: 100%;
height: 380px;
border-radius: 5px;
overflow: hidden;
}
.disp ul li .simg img{
width: 100%;
max-height: 100%;
min-height: 100%;
object-fit: cover;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
transform: scale(1);
}
.disp ul li .sbt p{
padding-top: 10px;
font-size: 18px;
padding-bottom: 20px;
text-align: center;
position: relative;
width: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp ul li:hover{
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp ul li:hover img{
transform: scale(1.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp ul li p:after{content: ""; position: absolute; width: 0; height: 2px; left: 0; bottom: 0; background-color: #0078ce;}
.disp ul li:hover p::after{
width: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp ul li:hover p{
color: #0078ce;
}
.dispd ul{
}
.dispd ul li{
display: table;
width: 100%;
margin-top: 1%;
border-radius: 5px;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.dispd .simg{width: 40%; height: 300px; float: left; border-radius: 10px; position: relative; overflow: hidden;}
.dispd .simg img{ width: 100%; display: inline-block;max-height: 300px;
min-height: 300px;
object-fit: cover;}
.dispd .kozheying{position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispd .sbt{ width: 58%; float: right; height: 100%; display: table; height: 300px; position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispd .sbt2{display: table-cell; vertical-align: middle; text-align: left; width: 100%; height: 100%;}
.dispd .sbt2 h3{font-size: 20px; color: #333333; font-weight: bold;}
.dispd .sbt2 span{font-size: 14px; font-weight: 500; color: #333333; padding-top: 20px; padding-bottom: 50px; display: block;}
.dispd .sbt2 p{color: #999; font-size: 16px; line-height: 26px; height: 52px; overflow: hidden;}
.dispd .sbt:after{content: ""; position: absolute; left: 0; width: 100%; height: 1px; top: 50%; background-color: #e5e9ef;}
.dispd .sbt:before{content: ""; position: absolute; left: 0; width: 0%; height: 1px; top: 50%; background-color: #0078ce;z-index: 99;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispd ul li:hover .kozheying{left: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispd ul li:hover .sbt{margin-top: -10px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispd ul li:hover .sbt::before{width: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispd ul li:hover h3{color: #0078ce;}
.disps{width: 100%;}
.disps ul{display: table;}
.disps ul li{width: 32.33%; margin: 0.5%; float: left; background-color: #f1f1f1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps .suojin{padding: 2%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps .simg{width: 100%; height: auto; overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps .simg img{width: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps .sbt{width: 100%; height: 60px; line-height: 60px; font-size: 18px; color: #333333; text-align: center;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps ul li:hover{background-color: #0078ce;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps ul li:hover .suojin{border-radius: 10px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps ul li:hover .simg{border-radius: 10px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps ul li:hover img{transform: scale(1.2);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.disps ul li:hover .sbt{color: #FFFFFF;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul{display: table;}
.dispo ul li{width: 32.33%;float: left;margin: 0.5%;border-radius: 5px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul li .simg{width: 100%;height: auto;border-radius: 5px;overflow: hidden; position: relative;}
.dispo ul li .simg .dqpp{width: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul li .sbt p{padding-top: 10px;font-size: 18px;padding-bottom: 20px;text-align: center;position: relative;width: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul li p:after{content: ""; position: absolute; width: 0; height: 2px; left: 0; bottom: 0; background-color: #0078ce;}
.dispo .xiaoying{position: absolute; left: 0; top: -100%; width: 100%; height: 100%; display: table; text-align: center; background-color: rgba(0,0,0,.5);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo .xiaoying .juzhongx{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.dispo .xiaoying img{display: inline-block; width: 30%;}
.dispo ul li:hover .xiaoying{top: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul li:hover{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul li:hover .dqpp{transform: scale(1.2);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul li:hover p::after{width: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.dispo ul li:hover p{color: #0078ce;}
#pageBox{
display: table;
margin: 0px auto;
text-align: center;
padding-top: 30px;
}
#pageBox a{
display: inline-block;
color: #333;
margin: 0 10px;
}
#pageBox .wenbenkuang{
border: 1px #ccc solid;
}
#prev, #next {
width: 82px;
height: 30px;
background-color: #FFFFFF;
border: 1px solid #0078ce;
color: #0078ce;
text-align: center;
line-height: 28px;
border-radius: 5px;
cursor: pointer;
display: inline;
display: inline-block;
float: left;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#prev:hover{
background-color: #0078ce;
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#next:hover{
background-color: #0078ce;
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#pageNav {
display: inline;
display: inline-block;
float: left;
margin-left: 10px;
margin-right: 10px;
}
#pageBox #pageNav .active {
background-color: #0078ce;
color: #FFFFFF;
}
#pageBox #pageNav a {
width: 35px;
height: 30px;
color: #0078ce;
float: left;
line-height: 30px;
text-align: center;
border-radius: 5px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #0078ce;
background-color: #FFFFFF;
}
#pageBox #pageNav a:hover{
background-color: #0078ce;
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.img_big_box{
width: 50%;
text-align: center;
float: left;
display: table;
}
.img_box{
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
.img_big_box .img_box img{
width: 100%;
display: inline-block;
}
.small_box{width: 100%; height: 60px; display: table; overflow: hidden;}
.small_box img{ width: 10%; height: 100%; float: left; margin-left: 0.5%;}
.info_big_box{
width: 50%;
float: right;
}
.pagenum{
padding-top: 10px;
}
.info_1 .dh{
padding-top: 30px;
}
.info_big_box h1{
font-size: 28px;
font-weight: bold;
text-indent: 30px;
padding-top: 100px;
}
.info_1 .dh p{
font-size: 17px;
text-indent: 30px;
line-height: 20px;
}
.info_1 .dh p span{
font-size: 26px;
color: #0078ce;
}
.info_3{
padding-top: 20px;
}
.info_3 p{
font-size: 18px;
text-indent: 30px;
line-height: 20px;
float: left;
}
.info_3 p span{
font-size: 18px;
color: #0078ce;
}
.share{
padding-top: 30px;
text-indent: 30px;
}
.article_content p{
line-height: 30px;
}
.article_content img{
/* margin-top: 10px;
margin-top: 20px;*/
display: inline-block;
}
.pagenum{
padding-top: 30px;
display: table;
margin: 0px auto;
}
.pagenum a{
display: inline-block;
margin: 20px 20px 0;
width: 120px;
height: 30px;
line-height: 30px;
border: 1px solid #f58500;
border-radius: 60px;
text-align: center;
font-size: 0px;
}
.pagenum a span{
font-size: 16px;
color: #f58500;
}
.pagenum a:hover{
background-color: #f58500;
}
.pagenum a:hover span{
color: #FFFFFF;
}
#list .auto, #news_article, #article, .position_now .auto {
margin: 0 auto;
}
.xgcp_title {
padding: 10px;
background-color: #fafafa;
margin: 30px 0 0;
}
.xgcp_title h3 {
color: #f58500;
border-left: 2px solid #f58500;
padding-left: 20px;
height: 30px;
line-height: 30px;
font-weight: bold;
font-size: 20px;
}
.article_content{ text-align: center;}
#xgcp ul li {
overflow: hidden;
float: left;
text-align: center;
width: 23%;
height: 260px;
position: relative;
margin: 1%;
}
#xgcp ul li .lp{
overflow: hidden;
}
#xgcp ul li img{
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#xgcp ul li:hover img{
transform: scale(1.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#xgcp ul li strong {
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: 999;
width: 100%;
height: 36px;
color: #FFFFFF;
font-size: 16px;
font-weight: 100;
line-height: 36px;
text-align: center;
background-color: rgba(0,0,0,.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#xgcp ul li:hover strong{
background-color: #f58500;
color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
/*å“应å¼æ ·å¼*/
/**/
.fen1{position: relative; width: 100%; background: url(/file/by/images/bg1.jpg) center; background-size: cover;}
.fen2{background: url(/file/by/images/fen2.jpg) center; background-size: cover;}
.fen3{background: url(/file/by/images/fen3.jpg) center; background-size: cover;}
.fen4{background: url(/file/by/images/fen4.jpg) center; background-size: cover;}
.fen5{background: url(/file/by/images/fen5.jpg) center; background-size: cover;}
.fen6{background: url(/file/by/images/fen6.jpg) center; background-size: cover;}
.fen7{background: url(/file/by/images/fen7.jpg) center; background-size: cover;}
.fen8{background: url(/file/by/images/fen8.jpg) center; background-size: cover;}
.fen9{background: url(/file/by/images/bg9-2.jpg) center; background-size: cover;}
.dingbu{width: 40px;height: 40px;cursor: pointer;text-align: center;background-color: #0078ce;border-radius: 10%;position: fixed;right: 6px;bottom: 100px;z-index: 99999999999; display: table;}
.dingbu a{width: 100%; height: 100%;display: table;}
.dingbu .ddb{display: table-cell;vertical-align: middle; width: 100%; height: 100%;}
.dingbu img{width: 60%;display: inline-block;}
video{
position: absolute;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
.wsx{width: 100%; height: 100%; display: table; position: absolute; top: 0; left: 0;}
.wsxt{display: table-cell; vertical-align: middle;}
.wsx .wentiz1{display: table; width: 1260px; margin: 0px auto;}
.wsx .wentiz1 img{width: 100%; display: inline-block;}
.wsx .pl1{font-size: 40px; font-weight: bold; text-align: center; color: #FFFFFF; padding-top: 40px; padding-bottom: 30px;}
.wsx .pl2{font-size: 30px; font-weight: bold; text-align: center; color: #FFFFFF;}
.wsx .shx{position: absolute; bottom: 0; width: 100%; height: 80px; left: 0;}
.wsx .shx img{display: inline-block; position: absolute; top: 0; width: 28px; height: 50px; left: 50%; margin-left: -14px; animation: myMove 2s infinite; -webkit-animation: myMove 2s infinite;}
@keyframes myMove {
0% { top: 0px;}
50% {top: 10px;}
100% { top: 0px;}
}
@-webkit-keyframes myMove {
0% {top: 0px;}
50% { top: 10px;}
100% {top: 0px;}
}
.bjx1 h3{ font-size: 64px; color: #0078ce;}
.bjx1 p{ font-size: 20px; color: #0078ce; padding-top: 10px;}
.bjx2 h3{ font-size: 64px; color: #FFFFFF;}
.bjx2 p{ font-size: 20px; color: #FFFFFF; padding-top: 10px;}
.neixd{width: 93%; height: 385px; margin: 0px auto;margin-top: 68px;}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-wrapper{
}
.swiper-slide {
text-align: center;
/* Center slide text vertically */
}
.bw{width: 96%; height: 100%; margin: 0px auto;}
.shoull .kopx{width:44%;position: relative;float: none; margin: 0px auto;}
.kopx{width:20%;position: relative;float: left;}
.kopx:before{width:100%;content:'';display: block;padding-top:100%;}
.kopx .klpw{width: 110%;height:110%; top:0;left:0;margin-left: -5%; border-radius: 100%; overflow: hidden; position: absolute; cursor: pointer;}
.klpw .zheyingx{ position: absolute; left: 0; top: 100%; display: table; background-color: rgba(10,163,68,.8); width: 100%; height: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.klpw:hover .zheyingx{top: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.klpw .copw{position: absolute; text-align: center; bottom: 80px; left: 0; width: 100%; font-size: 26px; color: #FFFFFF; font-weight: bold;text-shadow: 0px 5px 10px #000000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.klpw:hover .copw{bottom: -100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.zheyingxb{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center;}
.zheyingxb h3{font-size: 26px; font-weight: bold; color: #FFFFFF; padding-bottom: 20px;}
.zheyingxb p{width: 61%; height: 38px; border: 1px solid #9dd0b4; line-height: 38px; margin: 0px auto; border-radius: 30px; margin-bottom: 13px;}
.zheyingxb p a{display: inline-block; font-size: 18px; color: #FFFFFF;}
.zheyingxb p:hover{background-color: #FFFFFF;}
.zheyingxb p:hover a{color: #0078ce;}
.klpw img{width: auto;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
.swiper-button-next{width: 40px; height: 51px;}
.swiper-button-prev{width: 40px; height: 51px;}
div.jiuwo1:after{display: none;}
.ttu{position: absolute; bottom: 0; left: 50%; width: 60px; height: 60px; bottom: 60px; margin-left: -30px;}
.ttu img{width: 100%;}
.oov{width: 100%; height: 57px; border-bottom: 1px solid #FFFFFF; line-height: 57px; color: #FFFFFF;}
.oov h3{font-size: 18px; float: left; margin-left: 20px;}
.oov p {font-size: 16px; float: right; margin-right: 20px; width: 116px; height: 30px; line-height: 30px; margin-top: 13px; background-color: #0078ce; border-radius: 30px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
/**/
.fen4 .zl{ float: left; width: 53%;}
.fen4 .zl #mx{width: 100%;}
.fen4 .zl .koxw{ text-align: left; color: #FFFFFF;text-align: justify; line-height: 30px; font-size: 16px; padding-top: 73px;}
.fen4 .zl .ywu{width: 100%; margin-top: 70px;}
.fen4 .zl .er1:nth-child(1){float: left; width: 12%; border: 1px solid #FFFFFF; border-radius: 10px; text-align: center; margin-left: 0;}
.fen4 .zl .er1{float: left; width: 12%; border: 1px solid #FFFFFF; border-radius: 10px; text-align: center; margin-left: 6%;}
.fen4 .zl .er1 img{display: inline-block; margin-top: 18px; width: 46%;}
.fen4 .zl .er1 p{font-size: 18px; color: #FFFFFF; padding-top: 6px; padding-bottom: 16px;}
.fen4 .zl .er1:hover{background-color: #0078ce;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fen4 .rl{ float: right; width: 42%; height: 100%; margin-top: 50px;}
.fen4 .rl .er2{position: relative;}
.fen4 .rl .er2:nth-child(1){float: left; width: 49%;}
.fen4 .rl .er2:nth-child(2){float: right; width: 49%;}
.fen4 .rl .er2:nth-child(3){float: left; width: 32%; margin-top: 3%;}
.fen4 .rl .er2:nth-child(4){float: left; width: 32%; margin-left: 2%; margin-top: 3%;}
.fen4 .rl .er2:nth-child(5){float: right; width: 32%; margin-top: 3%;}
.fen4 .rl .er2 img{width: 100%;}
.fen4 .rl .er2 p{width: 100%; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; font-size: 16px; background-color: #00003e;}
.kox ul{width: 100%; height: 100%; position: relative; z-index: 2;}
.kox ul:hover .bgimg{opacity: 0; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
/*.kox ul:hover .erwu{width: 20%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox ul .erwu:hover{width: 40%;}*/
.kox{width: 100%; height: 100%; position: relative;}
#tecBg{position: absolute; left: 0; top: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; z-index: 1;}
#tecBg img{width: 100%; max-width: initial; height: 100%;position: absolute;left: 0; top: 0;display: inline-block;-webkit-transition: all 0.3s;transition: all 0.3s;}
.kox .hgj2{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/file/by/images/dq2.png);background-size: cover;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox .hgj3{position: absolute; width: 100%; height: 100%; left: 0; top: 100%; background: url(/file/by/images/dq1.png);background-size: cover;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox .hgj{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: table;}
.kox .hj22{display: table-cell; vertical-align: middle;}
.kox .erwu{width: 25%; height: 100%; float: left; position: relative; overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox .erwu .bgimg{width: auto;height: 100%; max-width: none; position: absolute;left: 50%; top: 0; transform: translateX(-50%); max-width: initial;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox .erwu .klimg1{display: block; border-radius: 100%; width: 27.1%; margin: 0px auto;}
.kox .erwu .klimg2{display: none; border-radius: 100%; width: 27.1%; margin: 0px auto;}
.kox .erwu h4{color: #FFFFFF; font-size: 26px; font-weight: bold; padding-top: 47px; padding-bottom: 48px;}
.kox .erwu span{display: block;width: 21%; height: 1px; background-color: #FFFFFF; margin: 0px auto; margin-bottom: 50px;}
.kox .erwu p{width: 80%; margin: 0px auto; text-align: justify; font-size: 15px; color: #FFFFFF; line-height: 30px;}
#list .left_side {
width: 18%;
}
#list .left_side .box_one, #list .left_side .box_two {
width: 98%;
background-color: #0078ce;
padding: 10px 10px;
}
#list .left_side .box_one .title {
text-align: center;
margin-bottom: 20px;
}
#list .left_side .box_one .title h3 {
color: #fff;
font-weight: bold;
font-size: 30px;
margin: 20px 0 10px 0;
}
#list .left_side .box_one .title p {
color: #fff;
font-size: 16px;
}
#list .left_side .box_one ul li {
line-height: 50px;
background-color: #fff;
margin-bottom: 5px;
text-align: left;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#list .left_side .box_one ul li:hover{
background-color: #f9be00;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#list .left_side .box_one ul li:hover a.cdmmlop{
color: #FFFFFF;
}
#list .left_side .box_one ul li a {
padding-left: 20px;
position: relative;
z-index: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.son_nav{
background-color: #FFFFFF;
}
.son_nav a{
height: 40px;
line-height: 40px;
border-top: 1px dashed #CCCCCC;
font-size: 14px;
}
.son_nav a:hover{
color: #FFFFFF;
background-color: #0078ce;
}
#list .left_side .box_one ul li a i {
background-color: #f8a245;
}
.pub_button .pb_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0078ce;
-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
transform-origin: left 100%;
-webkit-transform-origin: left 100%;
transform: scaleY(0);
-webkit-transform: scaleY(0);
visibility: hidden\9;
z-index: -1;
}
#list .left_side .box_two {
margin-top: 10px;
padding: 20px 10px;
}
#list .left_side .box_two p {
font-size: 16px;
color: #fff;
line-height: 30px;
}
#list .left_side .box_two strong {
color: #fff;
font-size: 30px;
display: block;
margin-bottom: 10px;
font-family: impact;
font-weight: 100;
}
#list .left_side .box_two .more {
height: 36px;
line-height: 36px;
background-color: #fff;
margin-top: 10px;
width: 100%;
color: #333;
text-align: center;
}
.kox .erwu:hover .klimg1{display: none;}
.kox .erwu:hover .klimg2{display: block;}
.kox .erwu:hover .hgj2{top: 100%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox .erwu:hover .hgj3{top: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fen6 .xuanzhuanx{position: absolute; left: 50%; bottom: -50%; width: 42.8%; margin-left: -21.4%;}
.fen6 .xuanzhuanimg{display: block; animation: rotate 20s linear infinite; }
@keyframes rotate{
0%{
transform: rotateZ(0deg);/*从0度开始*/
}
100%{
transform: rotateZ(360deg);/*360度结æŸ*/
}
}
.fen6 .yuncaia{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 230px;
overflow: hidden;
}
.fen6 .yuncaia .yuncaifudong{
background-image: url("/file/by/images/yuncai.png");
-webkit-animation: cloud_float 75s linear infinite;
-moz-animation: cloud_float 75s linear infinite;
-o-animation: cloud_float 75s linear infinite;
-ms-animation: cloud_float 75s linear infinite;
animation: cloud_float 75s linear infinite;/* 岔开时间 */
}
.fen6 .cloud{
position: absolute;
top: 0;
left: 0;
width: 600%;
height: 100%;
background-image: url("/file/by/images/yuncai.png");
}
@keyframes cloud_float{
0%{
left: 0%;
}
100%{
left: -200%;
}
}
.swiper-containert {
width: 100%;
height: 460px;
}
.swiper-containert .swiper-slide {
background-position: center;
background-size: cover;
width: 600px;
border: 5px solid #FFFFFF;
overflow: hidden;
box-sizing: border-box;
}
.swiper-slide .swiper-containert img{
width: 100%;
}
.swiper-button-nextb{
position: absolute;
right: 28%;
top: 50%;
width: 65px;
height: 65px;
margin-top: -32.5px;
z-index: 99;
}
.swiper-button-prevb{
position: absolute;
left: 28%;
top: 50%;
width: 65px;
height: 65px;
margin-top: -32.5px;
z-index: 99;
}
.fen7 .lpxz{float: left; width: 45.3%; position: relative; height: 600px;}
.fen7 .lpzr{float: right; width: 50%; height: auto; display: table;}
.fen7 .lpxz .mk24{position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.fen7 .lpxz img{display: inline-block; height: 100%;}
.fen7 .nox{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.fen7 .obt{width: 100%; border-bottom: 1px solid rgba(255,255,255,.5); text-align: left; padding-bottom: 35px; padding-top: 32px;}
.fen7 .obt h3{font-size: 64px; color: #FFFFFF; }
.fen7 .obt p{font-size: 16px; color: #FFFFFF; line-height: 30px; text-align: justify;}
.fen7 .onr{ width: 100%; padding-top: 30px;}
.fen7 .onr ul li{width: 22%; float: left; margin: 1.5%;}
.fen7 .onr ul li:nth-child(1){margin-left: 0;}
.fen7 .onr ul li:nth-child(5){margin-left: 0;}
.fen7 .onr ul li:nth-child(9){margin-left: 0;}
.fen7 .onr ul li img{width: 100%; max-height: 90px;}
/**********DIV浮动**************/
.fen7 .nox .bb0{position: absolute; width: 40px; height: 40px; border-radius: 40px;background: url(/file/by/images/bol.png);}
.fen7 .nox .bb1{top: 38%; left: 23%;}
.fen7 .nox .bb2{top: 26%; right: 18%;}
.fen7 .nox .bb3{top: 37%; right: 34%;}
.fen7 .nox .bb4{top: 43%; right: 23%;}
.fen7 .nox .bb5{top: 47%; right: 45%;}
.fen7 .nox .bb6{top: 60%; right: 55%;}
.fen7 .nox .bb7{top: 63%; right: 36%;}
.fen7 .nox .bb8{top: 58%; right: 22%;}
.fen7 .nox .bb9{bottom: 18%; right: 54%;}
.fen7 .nox .bb10{bottom: 13%; right: 43%;}
.fen7 .nox .bb11{bottom: 17%; right: 28%;}
/**********SPAN浮动**************/
.fen7 .nox span.b1{top: 38%; left: 23%;}
.fen7 .nox span.b2{top: 26%; right: 18%;}
.fen7 .nox span.b3{top: 37%; right: 34%;}
.fen7 .nox span.b4{top: 43%; right: 23%;}
.fen7 .nox span.b5{top: 47%; right: 45%;}
.fen7 .nox span.b6{top: 60%; right: 55%;}
.fen7 .nox span.b7{top: 63%; right: 36%;}
.fen7 .nox span.b8{top: 58%; right: 22%;}
.fen7 .nox span.b9{bottom: 18%; right: 54%;}
.fen7 .nox span.b10{bottom: 13%; right: 43%;}
.fen7 .nox span.b11{bottom: 17%; right: 28%;}
.fen7 .nox span{
position: absolute;
display: block;
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #FFFFFF;
-webkit-animation: scale-three2 1.5s ease infinite;
-moz-animation: scale-three2 1.5s ease infinite;
-o-animation: scale-three2 1.5s ease infinite;
animation: scale-three2 1.5s ease infinite;
animation-fill-mode: both;
}
@keyframes scale-three2{
from{transform: scale(0.3); opacity: 1;}
to{transform: scale(1.3); opacity: 0;}
}
0% {
transform: scale(1);
opacity: .8;
}
100% {
transform: scale(1.3);
opacity: 0;
}
.xinwenfen{width: 80%; margin: 0px auto; padding-top: 30px;}
.xinkkow{ width:100%;}
.xinkkow .hd{ height:32px; line-height:32px;position:relative;display: table; width: 100%;}
.xinkkow .hd ul{ width: 100%; text-align: center; margin: 0px auto;}
.xinkkow .hd ul li{ display: inline-block; cursor:pointer; color: #FFFFFF; width:161px; margin-left: 1%; margin-right: 1%; height: 32px; font-size: 24px;}
.xinkkow .hd ul li:nth-child(1){background-color: #087ad9;}
.xinkkow .hd ul li:nth-child(2){background-color: #0098b3;}
.xinkkow .hd ul li:nth-child(3){background-color: #087ad9;}
.xinkkow .hd ul li:nth-child(4){background-color: #0098b3;}
.xinkkow .hd ul li:nth-child(5){background-color: #087ad9;}
.xinkkow .hd ul li:nth-child(6){background-color: #0098b3;}
.xinkkow .hd ul li:nth-child(7){background-color: #087ad9;}
.xinkkow .hd ul li:nth-child(8){background-color: #0098b3;}
.xinkkow .hd ul li:nth-child(9){background-color: #087ad9;}
.xinkkow .hd ul li:nth-child(10){background-color: #0098b3;}
.xinkkow .hd ul li.on{background:#fff; color: #FFFFFF; background-color: #4bbb49;}
.xinkkow .bd{width: 100%;display: table; margin-top: 18px;}
.xinkkow .bd ul{ }
.xinkkow .bd li{
width: 81%;
display: table;
margin: 0px auto;
}
.zuox{
float: left;
width: 32%;
height: 255px;
overflow: hidden;
}
.zuox img{
width: 100%;
min-height: 303px;
}
.youx{
width: 64%;
float: right;
}
.youx p:nth-child(1){
font-size: 16px;
color: #000000;
text-align: left;
margin-bottom: 46px;
line-height: 30px;
margin-top: 5px;
text-indent: 2em;
}
.youx p:nth-child(2) img{
display: inline-block;
margin-left: 13px;
}
.youx p:nth-child(2){
text-align: left;
font-size: 24px;
color: #000000;
font-weight: bold;
}
.xinkkow .bd li .neiv{width: 94%; margin: 0px auto; margin-top: 3%; height: auto; max-height: 250px; overflow: hidden;}
.xinkkow .bd li .neiv img{width: 100%;transform: scale(1.2); display: inline-block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.xinkkow .bd li .neivb{width: 85%; margin: 0px auto; text-align: justify;}
.xinkkow .bd li .neivb h3{font-size: 22px; color: #FFFFFF; padding-top: 30px; margin-bottom: 13px; height: 29px; overflow: hidden;}
.xinkkow .bd li .neivb p{font-size: 16px; line-height: 30px; color: #FFFFFF; height: 60px; overflow: hidden;}
.xinkkow .bd li .shijian{position: absolute; left: 7%; top: -6%; width: 27%; height: 100px; background-color: #0078ce; text-align: center; z-index: 99;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.xinkkow .bd li .shijian .mp1{font-size: 22px; padding-top: 20px;}
.xinkkow .bd li .shijian .mp2{font-size: 28px;}
.xinkkow .bd li .shijian p{ color: #FFFFFF;}
.fen9 .mk8{ margin-top: 55px; position: relative;}
.fen9 .mk8x{margin: 0px auto; width: 100%; display: table;}
.fen9 .hengxian{width: 100%; position: absolute; left: 0; top: 15%; height: 1px; border-bottom: 1px dashed #427093; z-index: 1;}
.fen9 .mk8x .mk8xa{float: left; width: 33.33%; text-align: center;}
.fen9 .mk8x .mk8xa img{display: inline-block; padding-bottom: 6px;}
.fen9 .mk8x .mk8xa p{color: #FFFFFF; font-size: 18px; line-height: 30px;}
.mkow{position: absolute; left: 50%; bottom: 23%; width: 9.7%; height: 250px; margin-left: -4.85%;}
.mkow img{display: inline-block; position: absolute; top: 0; left: 0; width: 100%; animation: myMove 2s infinite; -webkit-animation: myMove 2s infinite;}
@keyframes myMove {
0% { top: 0px;}
50% {top: 10px;}
100% { top: 0px;}
}
@-webkit-keyframes myMove {
0% {top: 0px;}
50% { top: 10px;}
100% {top: 0px;}
}
.fen9 .erwx{margin-top: 100px; height: 190px;}
.fen9 .erwx .weixiner{float: left; width: 157px; height: 157px; text-align: center;}
.fen9 .erwx .weixiner img{width: 100%; height: 100%;}
.fen9 .erwx .weixiner p{font-size: 16px; color: #FFFFFF;}
.fen9 .erwx .yidonger{float: right; width: 157px; height: 157px; text-align: center;}
.fen9 .erwx .yidonger img{width: 100%; height: 100%;}
.fen9 .erwx .yidonger p{font-size: 16px; color: #FFFFFF;}
.ddux{margin-top: -100px;}
.dingyixia{width: 100%; height: 100px;}
.fkx1{width: 100%;box-shadow: 0px 0px 5px 2px rgba(201,201,201,0.5); display: table;}
.fkx1 .fxl{float: left; width: 50%;height: 430px; display: table;}
.fkx1 .fxl .neixiao{ display: table-cell; vertical-align: middle;padding: 0 2rem; line-height: 1.8;}
.fkx1 .fxl .neixiao h2{font-size: 2.25rem;}
.fkx1 .fxl p{text-align: justify; font-size: 14px;}
.fkx1 .fxr{float: right; width: 50%; display: table-cell; vertical-align: middle;height: 430px; position: relative; overflow: hidden;}
.fkx1 .fxr img{width: auto; max-width: initial; height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.fkx2{width: 100%;box-shadow: 0px 0px 5px 2px rgba(201,201,201,0.5); display: table; margin-top: 50px; margin-bottom: 30px;}
.fkx2 .fxl{float: right; width: 50%;height: 430px; display: table;}
.fkx2 .fxl .neixiao{ display: table-cell; vertical-align: middle;padding: 0 2rem; line-height: 1.8;}
.fkx2 .fxl .neixiao h2{font-size: 2.25rem;}
.fkx2 .fxl p{text-align: justify;}
.fkx2 .fxr{float: left; width: 50%; display: table-cell; vertical-align: middle;height: 430px; position: relative; overflow: hidden;}
.fkx2 .fxr img{width: auto; max-width: initial; height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.fkx3{width: 100%;box-shadow: 0px 0px 5px 2px rgba(201,201,201,0.5); display: table; margin-top: 50px; margin-bottom: 50px;}
.fkx3 .fxl{width: 100%;display: table;}
.fkx3 .fxl .neixiao{ display: table-cell; vertical-align: middle;padding: 0 2rem; line-height: 1.8; padding-bottom: 50px; padding-top: 50px;}
.fkx3 .fxl .neixiao h2{font-size: 2.25rem; text-align: center;}
.fkx3 .fxl p{}
.rongyu{width: 1300px; padding: 3rem 0; margin: 0px auto; position: relative;}
.dcb{ width: 100%; background-color: #e5eaf0;}
.rongyu .qbt{font-size: 2.25rem; text-align: center; width: 100%; font-weight: normal; margin-bottom: 2rem;}
.swiper-containerp {width: 100%;height: 100%; overflow: hidden;}
.swiper-containerp img{width: 100%; height: auto; margin: 0px auto;}
.swiper-containerp .swiper-slide {
text-align: center;
font-size: 18px;
/* Center slide text vertically */
}
.swiper-button-nextc{position: absolute;right: 0;top: 50%;width: 38px;height: 71px;z-index: 99; cursor: pointer;}
.swiper-button-prevc{position: absolute;left: 0;top: 50%;width: 38px;height: 71px;z-index: 99; cursor: pointer;}
.fenlei2{width: 100%; display: table; padding-bottom: 50px;}
.fenlei2 ul li{width: 49%; float: left; margin: 0.5%; background-color: #f1f1f1;}
.fenlei2 .zs{width: 50%; float: left; height: 100%; display: table;}
.fenlei2 .zs .zsf{ text-indent: 1em; font-size: 26px; height: 100%; width: 100%;}
.fenlei2 .zs .zsf h3{ margin-top: 10%; position: relative;}
.fenlei2 h3:after{content: ""; position: absolute; left: 0; bottom: -0.5em; width: 20%; height: 2px; background-color: #0078ce; margin-left: 1em;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fenlei2 .bka{width: 100%; height: 100%; display: table;border: 1px solid #f1f1f1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fenlei2 .bka img{width: 43%; float: right;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fenlei2 ul li:hover .bka{border: 1px solid #0078ce;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fenlei2 ul li:hover h3::after {width: 45%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fenlei2 ul li:hover img{margin-right:1% ;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.shoujifenl{width: 98%; margin: 0px auto;}
.shoujifenl ul li{width: 31.33%; float: left; margin: 1%; padding-top: 10px; padding-bottom: 10px; font-size: 14px; background-color: rgba(10,163,68); text-align: center; border-radius: 10px;}
.shoujifenl ul li a{color: #FFFFFF;}
/*************手机端部分内容**************/
.product_list h1, .news_list h1 {
font-weight: bold;
color: #333;
font-size: 20px;
position: relative;
width: 100%;
text-align: center;
padding-top: 5px;
}
.product_list h3 {
font-weight: bold;
color: #333;
font-size: 18px;
position: relative;
width: 100%;
text-align: left;
}
.product_list h3::after, .news_list h1::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 20px;
height: 2px;
background-color: #ff8400;
}
.shoxxw{max-width: 640px; margin: 0px auto;}
.product_list{width: 98%; margin: 0px auto;}
.product_list .content img {
margin: 20px 0;
display: inline-block;
}
.product_list .time{text-align: center;}
.product_list .pagenum, .article_content .pagenum {
margin-top: 20px;
border-top: 1px solid #f3f3f3;
}
.article_content p {
line-height: 30px;
}
.article_content p img{margin: 0px auto;}
.xiaol{width: 100%; display: table; margin-top: 20px;}
.xiaol ul li{width: 25%; float: left; height: 50px; line-height: 50px; text-align: center; background-color: #0078ce;}
.xiaol ul li a{font-size: 16px; color: #FFFFFF;}
.xiaol ul li .xiaohh{width: 99%; height: 100%; border-right: 2px solid #FFFFFF;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.xiaol ul li:nth-child(4) .xiaohh{width: 99%; height: 100%; border-right: 0px solid #FFFFFF;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.xiaol ul li:hover .xiaohh{background-color: #fafafa;}
.xiaol ul li:hover a{color: #0078ce;}
.jixow{width: 100%; display: table; height: 1px;}
nav.hy-xd{margin-top: 0; width: 62%;}
.dingbu .bx {
font-size: 26px;
font-weight: bold;
color: #FFFFFF;
margin-top: 5px;
display: block;
}
.article_content img {/*padding-top: 30px;*/}
.neixiao img{display: inline-block;}
/********底部***********/
.footll{height: 400px;background-color: #333;}
.footll .hxx{ height: 100%;}
.footll .hqq{ height: 100%;}
.footll .fooxxt{width: 100%; height: 100%;}
.footll .fooxxt ul{width: 100%; height: 100%;}
.footll .fooxxt ul li{width: 25%; height: 100%; display: table; float: left;position: relative;}
.footll .fooxxt ul li .footnei1 {width: 100%; height: 100%;position: relative;}
.footll .fooxxt ul li .footnei1 img{position: absolute;left: 0; top: 0; width: 216px;}
.footll .fooxxt ul li .footnei2 { width: 80%; height: 100%; text-align: left; margin: 0px auto;}
.footll .fooxxt ul li .footnei2 h3{font-size: 20px; color: #FFFFFF; font-weight: bold; padding-top: 90px; margin-bottom: 36px; position: relative;}
.footll .fooxxt ul li .footnei2 h3:after{ content: ''; width: 33px; height: 4px; background-color: #0078ce; position: absolute; left: 0; bottom: -15px;}
.footll .fooxxt ul li .footnei2 .didao{width: 50%; float: left; height: 30px; line-height: 30px;}
.footll .fooxxt .didao a{font-size: 16px; color: #c0c0c0;}
.footll .fooxxt ul li .footnei3 { width: 90%; height: 100%; text-align: left; float: right;}
.footll .fooxxt ul li .footnei3 h3{font-size: 20px; color: #FFFFFF; font-weight: bold; padding-top: 90px; margin-bottom: 36px; position: relative;}
.footll .fooxxt ul li .footnei3 h3:after{ content: ''; width: 33px; height: 4px; background-color: #0078ce; position: absolute; left: 0; bottom: -15px;}
.footll .fooxxt ul li .footnei3 p{ line-height: 20px; color: #c0c0c0; font-size: 16px;}
.footll .fooxxt ul li .footnei4 {display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: right;}
.footll .fooxxt ul li .footnei4 img{ display: inline-block; width: 135px; height: 135px;}
.footll .fooxxt ul li .footnei4 p{color: #c0c0c0; font-size: 14px; text-align: right; margin-top: 11px; margin-right: 20px;}
.koxpw{width: 100%; height: 100px;}
/****首页滚*****/
.xiangshang{ margin:0 auto; width:100%; overflow:hidden; position:relative;}
.xiangshang .bd{}
.xiangshang .bd ul{ overflow:hidden; zoom:1; height: 90px;}
.xiangshang .bd ul li{ text-align:center; zoom:1; float: left; width: 23%; margin-right: 1%; margin-left: 1%; margin-top: 1%%; height: 90px;position: relative;}
.xiangshang .bd ul li img{width: 100%; height: 100%;}
/****首页滚end*****/
/*******内页锚点定ä½å¯¼èˆª********/
.section-content {
width: 100%;
margin: auto;
}
.nav-height {
position: relative;
height: 50px
}
.nav-box {
width: 100%;
height: 50px;
margin: 0 auto;
margin-top: 30px;
background: #fff
}
.nav-box.navFix {
position: fixed;
top: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
border-bottom: 1px solid #e3e3e3\9;
z-index: 99999
}
.nav-box ul {
padding: 0;
margin: 0 auto;
width: 1200px;
display: block
}
.nav-box.navFix ul {
border-bottom: 0
}
.nav-box li {
display: inline-block;
width: 25%;
text-align: left;
height: 50px;
line-height: 50px;
float: left;
text-align: center;
position: relative;
background-color: #fafafa;
}
.nav-box li a {
display: block;
padding: 0 20px;
font-size: 16px;
color: #333;
text-decoration: none
}
.nav-box li a:before {
content: " ";
width: 1px;
height: 24px;
border-right: 1px solid #e80;
position: absolute;
top: 16px;
left: -2px
}
.nav-box li a.activedd:before {
content: " ";
width: 0;
border: none
}
.nav-box li:first-child a:before {
content: " ";
width: 0;
border: none
}
.nav-box li a:hover {
color: #e80
}
.nav-box li a.activedd {
color: #fff;
background: #e80
}
/******END**************/
.nixow{width: 95%; float: right; padding-top: 20px; font-size: 16px; line-height: 20px; height: 125px; overflow: hidden; margin-bottom: 10px;}
.nixow2{width: 95%; float: right;}
.nixow2 img{display: inline-block; width: 16px;}
.nixow2 .mianfei{float: left; width: 50%; height: 50px; line-height: 50px;}
.nixow2 .mianfei2{float: left; width: 50%; height: 50px; line-height: 50px;}
.nixow2 .mianfei p{border: 1px solid #0078ce; width: 100%; height: 100%; text-align: center; color: #FFFFFF;background-color: #0078ce; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.nixow2 .mianfei2 p{ border: 1px solid #0078ce; width: 100%; height: 100%; text-align: center; color: #0078ce; background-color: #FFFFFF; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.nixow2 .mianfei:hover p{background-color: #f9be00; color: #FFFFFF; border: 1px solid #f9be00;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.nixow2 .mianfei2:hover p{background-color: #f9be00; color: #FFFFFF; border: 1px solid #f9be00;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.hy-quxiao:after{display: none;}
.hy-quxiao:before{display: none;}
.ddu1x{font-size: 26px;float: right;font-family: impact; color: #0078ce;}
.ddu2x{font-size: 21px;float: right; margin-top: 20px; margin-right: 10px; color: #0078ce;}
.fenliejian img{width: 50%;}
.footer{background-color:rgba(10,163,68,0.75);height:50px;position: fixed;bottom:10px;left:50%;margin-left:-46%;z-index:999;width:100%;border-radius:10px;}
@media (min-width:640px){.footer{width:96% !important;left:50%;margin-left:-48%;}}
@media (max-width:640px){.footer{width:96% !important;left:50%;margin-left:-48%;}}
.footer a{float: left;width:33.33%;text-align: center;}
.footer img{display: inline-block;height:24px;margin:5px 0 0;}
.footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}
/***************************************ç«‹é’§***************************************************/
.cqppx1{
width: 1760px;
margin: 0px auto;
overflow: hidden;
}
.ko1{
position: relative;
background-color: #f9f9f9;
}
.ko2{
height: 716px;
}
.ko3{
width: 61.2%;
float: left;
}
.ko4{
width: 39.2%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.ko3 .ml1 p:nth-child(1){
font-size: 22px;
color: #000000;
margin-top: 75px;
}
.ko3 .ml1 p:nth-child(2){
font-size: 32.35px;
font-weight: 100;
position: relative;
}
.ko3 .ml1 p:nth-child(2):after{
content: '';
position: absolute;
left: 0;
bottom: -20px;
width: 30px;
height: 8px;
background-color: #0078ce;
}
.ko3 .ml1 p:nth-child(2) span{
color: #0078ce;
}
.ko3 .ml1 p:nth-child(3){
font-size: 20px;
margin-top: 45px;
}
.ko3 .ml1 p:nth-child(3) span{
color: #0078ce;
}
.ko3 .ml1 p:nth-child(4){
font-size: 12px;
color: #8b8b8b;
}
.shouyeab{
width: 100%;
margin-top: 12px;
}
.shouyeab p{
font-size: 16px;
color: #4d4d4d;
line-height: 30px;
}
.ko3 img{
width: 100%;
}
.ml2{
width: 100%;
height: 90px;
line-height: 90px;
font-size: 12px;
position: relative;
color: #3d3d3d;
font-weight: bold;
text-indent: 37px;
}
.ml2:after{
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -1;
width: 25px;
height: 2px;
background-color: #3d3d3d;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ml2:hover::after{background-color: #0078ce;}
.ml2:hover a{color: #0078ce;}
.hj1{
width: 100%;
height: 390px;
background: url(/file/by/images/cp1.jpg) center;
background-size: cover;
}
.hj2{
width: 100%;
text-align: center;
}
.hj2 p:nth-child(1){
font-size: 48px;
padding-top: 73px;
padding-bottom: 3px;
}
.hj2 p:nth-child(1) span{
color: #0078ce;
}
.hj2 p:nth-child(2){
font-size: 16px;
color: #7c7c7c;
padding-bottom: 15px;
}
.hj2 p:nth-child(3){
width: 55px;
height: 3px;
background-color: #0078ce;
margin: 0px auto;
margin-bottom: 23px;
}
.lijunbt{
width: 100%;
text-align: center;
margin-top: 86px;
}
.lijunbt h2{
font-size: 60px;
color: #3d3d3d;
font-weight: bold;
}
.lijunbt h2 span{
color: #0078ce;
}
.lijunbt p{
font-size: 18px;
color: #666666;
}
.nnkx{
width: 290px;
height: 50px;
line-height: 50px;
text-align: center;
margin: 0px auto;
border-radius: 50px;
margin-top: 18px;
background-color: #cc0000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.nnkx a{
font-size: 18px;
color: #FFFFFF;
}
.w990{
width: 990px;
margin: 0px auto;
}
.cmklxx{
text-align: center;
}
.cmklxx h2{
font-size: 42px;
color: #ffffff;
padding-top: 83px;
}
.cmklxx .gongsijianjie{
padding-top: 40px;
color: #fff;
line-height: 30px;
}
.cmklxx .gongsijianjie p{
font-size: 16px;
color: #FFFFFF;
text-align: left;
line-height: 30px;
}
.aannm{
width: 166px;
height: 40px;
line-height: 40px;
border-radius: 40px;
text-align: center;
margin: 0px auto;
margin-top: 80px;
background-color: #cc0000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.aannm a{
font-size: 16px;
color: #FFFFFF;
}
.aannm:hover{
background-color: #ff9c00;
}
.nnkx:hover{
background-color: #ff9c00;
}
.njxx{
width: 100%;
height: 692px;
background: url(/file/by/images/mk5.jpg) center;
background-size: cover;
margin-top: 75px;
}
.zzj1{
float: left;
width: 17.5%;
}
.zzj1 .mjy1 p:nth-child(1){
font-size: 44.04px;
color: #FFFFFF;
font-family: impact;
margin-top: 86px;
}
.zzj1 .mjy1 p:nth-child(2){
font-size: 44px;
color: #FFFFFF;
font-weight: bold;
}
.zzj1 span{
color: #0078ce;
}
.zzj1 .mjy1 p:nth-child(3){
width: 83px;
height: 6px;
background-color: #FFFFFF;
margin-top: 15px;
margin-bottom: 60px;
}
.zzj1 .mjy1 p:nth-child(4){
font-size: 16px;
line-height: 28px;
color: #FFFFFF;
text-align: justify;
}
.kkl1{
width: 178px;
height: 49px;
border: 1px solid #FFFFFF;
margin-top: 86px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.kkl1 p{
width: 57px;
height: 2px;
background-color: #FFFFFF;
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.kkl1 p:after{
content:"";
width:0;
height:0;
position: absolute;
top: -5px;
right: -4px;
border-top:solid 5px transparent;
border-left:solid 5px #FFFFFF ;
border-bottom:solid 5px transparent;
transform:rotate(134deg);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.kkl1 a{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.kkl1:hover{
background-color: #0078ce;
border: 1px solid #0078ce;
}
.kkl1:hover p{
width: 90px;
}
.zzj2{
width: 883px;
float: right;
display: table;
background-color: #FFFF00;
margin-top: 80px;
}
.zzj2 ul li{
width: 100%;
height: 180px;
background-color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.zzj2 a{
width: 100%;
height: 100%;
}
.zzj2 ul li:hover{
background-color: #f4f4f4;
}
.zzj3{
width: 793px;
height: 100%;
}
.shijinxx{
width: 150px;
height: 100%;
float: left;
text-align: center;
}
.shijinxx p:nth-child(1){
font-size: 24px;
color: #535353;
margin-top: 66px;
}
.shijinxx p:nth-child(2){
font-size: 14px;
color: #909190;
}
.nkk{
float: left;
width: 643px;
height: 100%;
}
.nkk h2{
font-size: 20px;
color: #000000;
font-weight: 500;
margin-top: 50px;
margin-bottom: 5px;
}
.nkk p{
font-size: 14px;
color: #909190;
line-height: 26px;
width: 643px;
}
.article_content p{
word-wrap : break-word;
}
.dispm{
padding-bottom: 50px;
}
.qp1{
width: 100%;
height: 180px;
position: relative;
background: url(/file/by/images/mk1.jpg) center;
background-size: cover;
margin-top: 100px;
}
.qpp1{
position: absolute;
left: 0;
bottom: -18px;
color: rgba(255,255,255,0.1);
font-size: 81.56px;
font-family: impact;
}
.qp4 .qpimg1{
width: 39%;
float: left;
margin-top: 36px;
}
.qp3{
width: 45.4%;
display: table;
float: right;
position: relative;
}
.qp3 .qpimg2{
width: 75.5%;
margin-top: 58px;
}
.qp3 p{
font-size: 16px;
color: #FFFFFF;
margin-top: 8px;
}
.qp3 a{
width: 124px;
height: 33px;
color: #FFFFFF;
font-size: 16px;
border-radius: 33px;
position: absolute;
right: 0;
top: 62px;
text-align: center;
line-height: 33px;
background-color: #f08801;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.qp3 a:hover{
background-color: #0078ce;
}
.qp2{
width: 100%;
height: 855px;
background: url(/file/by/images/mk2.jpg) center;
background-size: cover;
}
.qpbt1{
width: 100%;
text-align: center;
}
.qpbt1 img{
display: inline-block;
margin-top: 105px;
}
.qpbt1 p{
font-size: 14px;
color: #989898;
margin-top: 8px;
}
.kpx1{
position: relative;
}
.mq1{
position: absolute;
width: 398px;
height: 106px;
border-radius: 106px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
cursor: pointer;
}
.mq1 .mq2{
width: 79%;
height: 100%;
margin: 0px auto;
}
.mq3{
width: 49px;
height: 49px;
border: 1px solid #FFFFFF;
float: left;
font-size: 34.15px;
font-family: impact;
color: #FFFFFF;
text-align: center;
line-height: 49px;
margin-top: 22px;
}
.mq4{
width: 252px;
height: 100%;
float: right;
}
.mq4 h3{
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
margin-top: 16px;
margin-bottom: 3px;
}
.mq4 p{
font-size: 14px;
color: #FFFFFF;
text-align: justify;
}
.mq1:nth-child(2){
top: 450px;
left: 0;
background-color: #2f2f2f;
}
.mq1:nth-child(3){
top: 575px;
left: 0;
background-color: #0078ce;
}
.mq1:nth-child(4){
top: 257px;
right: 135px;
background-color: #2f2f2f;
}
.mq1:nth-child(5){
top: 383px;
right: 0;
background-color: #0078ce;
}
.mq1:hover{
background-color: #f08801;
}
/***************************************************************å®ä¸°***********************************************************************************/
.honbt{
width: 100%;
text-align: center;
display: table;
padding-bottom: 40px;
}
.honbt p:nth-child(1){
font-size: 79.93px;
color: #d5d5d5;
font-family: impact;
margin-top: 37px;
}
.honbt p:nth-child(2){
font-size: 56px;
color: #0078ce;
font-weight: bold;
margin-top: -56px;
}
.honbt p:nth-child(2) span{
color: #ff9c00;
}
.honbt p:nth-child(3){
font-size: 18px;
color: #5e5e5e ;
margin-top: 5px;
margin-bottom: 12px;
}
.honbt2{
width: 100%;
text-align: center;
display: table;
}
.honbt2 img{
display: inline-block;
margin-bottom: 30px;
}
.honbt2 p:nth-child(1){
font-size: 56px;
font-weight: bold;
color: #FFFFFF;
margin-top: 41px;
}
.honbt2 p:nth-child(2){
font-size: 18px;
color: #FFFFFF ;
margin-top: 5px;
margin-bottom: 14px;
}
.hong1{
padding-bottom: 105px;
}
.hong1 .hong1z{
float: left;
width: 42.5%;
height: 594px;
background: url(/file/by/images/b1.jpg) center;
background-size: cover;
overflow: hidden;
position: relative;
}
.hong1 .hong1y{
float: right;
width: 709px;
height: 594px;
}
.lunx {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.luna .swiper-slide {
background-size: cover;
background-position: center;
}
.luna .gallery-top {
height: 81.7%;
width: 100%;
}
.luna .gallery-thumbs {
height: 18.3%;
box-sizing: border-box;
padding-top: 10px;
}
.luna .gallery-thumbs .swiper-slide {
width: 25%;
height: 100%;
}
.luna .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.luna .gallery-thumbs2 {
height: 20%;
box-sizing: border-box;
padding-top: 10px;
}
.luna .gallery-thumbs2 .swiper-slide {
width: 25%;
height: 100%;
}
.luna .gallery-thumbs2 .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-button-nextck,.swiper-button-prevck{
position: absolute;
top: 50%;
z-index: 99;
width: 40px;
height: 66px;
cursor: pointer;
margin-top: -33px;
}
.swiper-button-nextck{
right: 0;
}
.swiper-button-prevck{
left: 0;
}
.zhec p{
width: 47%;
}
.luna .gallery-thumbs .swiper-slide .zhec{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #FFFFFF;
background-color: rgba(0,0,0,.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.luna .gallery-thumbs .swiper-slide-thumb-active .zhec{
background-color: rgba(0,120,222,0.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.luna .gallery-thumbs2 .swiper-slide .zhec{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #FFFFFF;
background-color: rgba(0,0,0,.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.luna .gallery-thumbs2 .swiper-slide-thumb-active .zhec{
background-color: rgba(227,4,82,0.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.mkloxp{
width: 100%;
}
.hongne{
width: 483px;
height: 459px;
position: absolute;
left: 50%;
top: 34px;
margin-left: -241.5px;
background-color: #FFFFFF;
box-sizing: border-box;
padding: 40px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.chenxiaqu{
top: 594px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.chuxian{
top: 34px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.mkl1 p:nth-child(1){
font-size: 33.99px;
color: #0078de;
font-weight: bold;
}
.mkl1 p:nth-child(2){
width: 62px;
height: 5px;
background-color: #0078de;
margin-top: 17px;
margin-bottom: 25px;
}
.mkl1 p:nth-child(3){
font-size: 17px;
color: #434343;
line-height: 33px;
}
.lljie{
width: 307px;
height: 38px;
line-height: 38px;
border-radius: 38px;
background-color: #d50000;
margin-top: 46px;
}
.lljie a{
float: left;
width: 147px;
height: 38px;
background-color: #0078de;
color: #FFFFFF;
text-align: center;
border-radius: 38px;
font-size: 14.87px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.lljie p{
font-size: 24px;
font-family: impact;
color: #FFFFFF;
float: left;
margin-left: 10px;
}
.lljie a:hover{
background-color: #ff7a00;
}
.hong2{
width: 100%;
height: 895px;
background: url(/file/by/images/b2.jpg) center;
background-size: cover;
}
.charu{
width: 100%;
height: 143px;
background: url(/file/by/images/b3.png) center;
margin-top: -20px;
position: relative;
}
.charuan{
width: 220px;
height: 49px;
line-height: 49px;
border-radius: 49px;
background-color: #FFFFFF;
text-align: center;
position: absolute;
left: 26%;
top: 58px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.charuan a{
font-size: 16px;
color: #484848;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.charuan:hover{
background-color: #cc0000;
}
.charuan:hover a{
color: #FFFFFF;
}
.hong3{
background: url(/file/by/images/b4.jpg) center;
height: 1010px;
margin-top: -20px;
position: relative;
}
.hong3 .x12{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
animation: ghostUpdown 3s infinite alternate;
-webkit-animation: ghostUpdown 3s infinite alternate;
}
@keyframes ghostUpdown {
from {
margin-top: 100px;
margin-left: 0px;
transform: scale(1.2);
}
to {
margin-top: 70px;
margin-left: 0;
transform: scale(1);
}
}
.cpq{
height: 200px;
background-color: #000000;
position: relative;
}
.shuzi{
width: 1078px;
margin: 0px auto;
height: 116px;
border-radius: 20px;
margin-top: 47px;
background: -moz-linear-gradient(left, #bb2493 0%, #fd1e3d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb2493), color-stop(100%,#fd1e3d));
background: -webkit-linear-gradient(left, #bb2493 0%,#fd1e3d 100%);
background: -o-linear-gradient(left, #bb2493 0%,#fd1e3d 100%);
background: -ms-linear-gradient(left, #bb2493 0%,#fd1e3d 100%);
background: linear-gradient(to right, #bb2493 0%,#fd1e3d 100%);
}
.shuzi2{
width: 90%;
height: 100%;
margin: 0px auto;
display: table;
}
.shuzi2 ul li{
width: 25%;
float: left;
height: 100%;
text-align: center;
position: relative;
}
.shuzi2 ul li:before{
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 76px;
margin-top: 20px;
background-color: #e491c1;
}
.shuzi2 ul li:nth-child(4):before{
display: none;
}
.shuzi2 ul li span{
text-align: center;
font-size: 45.67px;
color: #FFFFFF;
font-family: impact;
}
.shuzi2 ul li .p1x{
font-size: 34.26px;
color: #FFFFFF;
margin-top: 17px;
}
.shuzi2 ul li .p2x{
color: #FFFFFF;
}
.wumian{
margin-top: 87px;
}
.wumian img{
width: 46.7%;
float: left;
}
.jieshaox{
width: 51%;
float: right;
}
.shangx h2{
font-size: 28px;
font-weight: bold;
color: #000000;
}
.shangx p{
font-size: 18px;
color: #0088fb;
margin-top: 10px;
}
.xiax{
padding-top: 40px;
}
.xiax p{
font-size: 16px;
line-height: 26px;
}
.chakan{
width: 144px;
height: 36px;
border-radius: 36px;
line-height: 36px;
background-color: #0088fb;
margin-top: 44px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.chakan a{
text-align: center;
color: #FFFFFF;
}
.chakan:hover{
background-color: #ff7a00;
}
.hong4{
width: 100%;
height: 630px;
background: url(/file/by/images/b6.jpg) center;
background-attachment: fixed;
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
.cmkl{
position: relative;
}
.fangshui{
position: absolute;
right: 0;
top: -70px;
width: 352px;
height: 379px;
background: url(/file/by/images/b4.jpg) center;
background-size: cover;
}
.cdk1{
width: 314px;
margin: 0px auto;
border-bottom: 1px solid #FFFFFF;
text-align: center;
}
.cdk1 p:nth-child(1){
font-size: 39.87px;
color: #FFFFFF;
font-weight: bold;
padding-top: 20px;
padding-bottom: 4px;
}
.cdk1 p:nth-child(2){
font-size: 22.15px;
color: #FFFFFF;
padding-bottom: 20px;
}
.cdk2{
width: 250px;
margin: 0px auto;
margin-top: 23px;
}
.cdk2 p{
font-size: 17.72px;
line-height: 36px;
color: #FFFFFF;
}
.cdk2 span{
font-size: 28.8px;
color: #FFFFFF;
font-family: impact;
}
.cmkl1 p:nth-child(1){
font-size: 49.98px;
color: #FFFFFF;
font-weight: bold;
padding-top: 58px;
}
.cmkl1 p:nth-child(1) span{
font-size: 72.19px;
}
.cmkl1 p:nth-child(2){
font-size: 24.26px;
color: #b8bfc6;
padding-bottom: 10px;
}
.cmkl1 p:nth-child(3){
position: relative;
font-size: 30px;
color: #ba2495;
padding-bottom: 39px;
}
.cmkl1 p:nth-child(3):before {
content: attr(text);
position: absolute;
z-index: 999;
color: #ff1e3c;
-webkit-mask: linear-gradient(to left, #dd2168, transparent );
}
.fangkuai{
width: 1060px;
}
.fangkuai ul li{
width: 50%;
float: left;
margin-top: 46px;
}
.fangkuai .mklxx1{
width: 73px;
height: 113px;
background: url(/file/by/images/sd.png);
background-size: cover;
float: left;
}
.mklxx1{
position: relative;
}
.mklxx1:before{
content: "";
position: absolute;
width: 28px;
height: 3px;
background-color: #FFFFFF;
left: 50%;
bottom: 20px;
margin-left: -14px;
}
.mklxx1 p{
font-size: 37.73px;
color: #FFFFFF;
font-family: impact;
text-align: center;
padding-top: 50px;
}
.mklxx2{
float: left;
margin-left: 30px;
}
.mklxx2 p:nth-child(1){
font-size: 26px;
color: #FFFFFF;
font-weight: bold;
padding-top: 40px;
padding-bottom: 4px;
}
.mklxx2 p:nth-child(2){
font-size: 16px;
color: #FFFFFF;
}
.ceshi{
position: absolute;
left: 0;
top: 0;
width: 484px;
height: 460px;
background-color: #FFFFFF;
z-index: 999;
}
.dibux2{
width: 100%;
text-align: center;
}
.dibux2 img{
display: inline-block;
margin-top: 57px;
}
.dibux1{
width: 1010px;
margin: 0px auto;
}
.xiangxxz{
float: left;
width: 310px;
position: relative;
}
.xiangxxz ul li{
width: 48%;
margin: 1%;
float: left;
overflow: hidden;
}
.xiangxxj{
float: left;
width: 390px;
height: 100%;
}
.xiangxxj img{
display: inline-block;
float: left;
}
.xiangxxj img.lsp{
margin-top: 92px;
margin-right: 20px;
margin-left: 100px;
}
.dibuer{
margin-top: 67px;
float: left;
width: 123px;
height: 123px;
}
.xiangxxy{
float: left;
width: 310px;
height: 100%;
position: relative;
}
.n p:nth-child(1){
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
padding-top: 36px;
padding-bottom: 10px;
}
.n p:nth-child(2){
width: 30px;
height: 3px;
background-color: #FFFFFF;
margin-bottom: 5px;
}
.xiangxxz ul li a{
font-size: 16px;
color: #FFFFFF;
height: 30px;
line-height: 30px;
}
.xiangxxy .n{
width: 230px;
margin-left: 80px;
}
.cdo1{
width: 280px;
margin-left: 80px;
}
.cdo1 p{
font-size: 16px;
color: #FFFFFF;
line-height: 26px;
}
.cdo1 p .shiyiyang{
font-size: 28px;
color: #005a9b;
font-family: impact;
}
.xiangxxj{
text-align: center;
}
.xiangxxj h2{
font-size: 64.17px;
position: relative;
color: #ba2495;
font-weight: bold;
padding-top: 72px;
}
.xiangxxj h2:before {
content: attr(text);
position: absolute;
z-index: 999;
color: #ff1e3c;
-webkit-mask: linear-gradient(to left, #dd2168, transparent );
}
.xiangxxj h2 img{
width: 380px;
height: 110px;
display: inline-block;
margin-top: 30px;
}
.xiangxxj .dibuer p img{
width: 113px;
height: 113px;
}
.xiangxxj p:nth-child(2){
font-size: 16px;
color: #a2a2a2;
}
.xiangxxj p:nth-child(4){
font-size: 16px;
color: #FFFFFF;
padding-top: 13px;
}
.xinwen1{
margin-top: 78px;
width: 100%;
height: 675px;
background: url(/file/by/images/b7.jpg) center;
background-size: cover;
}
.bbct1{
width: 100%;
padding-top: 44px;
}
.bbct1 p:nth-child(1){
font-size: 79px;
color: #dbdbdb;
font-family: impact;
text-align: center;
}
.bbct1 p:nth-child(2){
font-size: 50px;
color: #0078ce;
font-weight: bold;
text-align: center;
margin-top: -55px;
}
.cklbt{
width: 254px;
height: 100%;
float: left;
}
.cklbt p:nth-child(1){
font-size: 44.41px;
color: #002fa4;
font-weight: bold;
position: relative;
padding-top: 68px;
}
.cklbt p:nth-child(1):before {
content: attr(text);
position: absolute;
z-index: 999;
color: #0a6bdf;
-webkit-mask: linear-gradient(to top, #023aa0, transparent );
}
.cklbt p:nth-child(2){
font-size: 18px;
color: #3d3d3d;
text-align: justify;
}
.cklbt2{
float: left;
}
.cklbt2 p{
font-size: 41.34px;
color: #3f3f3f;
margin-top: 78px;
}
.dkhq{
padding-bottom: 100px;
}
.sda11{
margin-top: 23px;
}
.sda11 ul li{
width: 31.33%;
margin: 1%;
float: left;
height: 406px;
background-color: #FFFFFF;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sda11 .sdaimg{
width: 100%;
height: 240px;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sda11 ul li img{
width: 100%;
max-height: 100%;
object-fit: cover;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.sda11 ul li:hover img{
transform: scale(1.3);
}
.sda11 ul li:hover{
background-color: #ff9c00;
}
.sda11 ul li:hover p{
color: #FFFFFF;
}
.sda11 ul li:hover h4{
color: #FFFFFF;
}
.ddnei{
width: 86%;
margin: 0px auto;
}
.ddnei h4{
font-size: 16px;
font-weight: 500;
margin-top: 24px;
margin-bottom: 11px;
}
.ddnei p{
font-size: 14px;
color: #828282;
line-height: 23px;
}
.ddnei p:nth-child(3){
margin-top: 14px;
}
.sda11 ul li a{
width: 100%;
height: 100%;
border: 1px solid #cecece;
}
.zm{
float: left;
width: 500px;
height: 465px;
background-color: #ebf1fd;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.zm:hover{
background-color: #f91f43;
}
.ym{
float: right;
width: 720px;
height: 465px;
}
.ym ul li{
width: 100%;
height: 136px;
margin-bottom: 28.5px;
background-color: #ebf1fd;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ym ul li:nth-child(3){
margin-bottom: 0;
}
.ym ul li:hover{
background-color: #f91f43;
}
.zmimg{
width: 100%;
height: 337px;
overflow: hidden;
}
.zmimg img{
width: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.zm:hover img{
transform: scale(1.2);
}
.zmxq{
width: 93%;
margin: 0px auto;
height: 128px;
position: relative;
}
.zmxq h3{
width: 360px;
font-size: 16px;
color: #000000;
padding-top: 30px;
margin-bottom: 7px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.zmxq .mnei{
font-size: 14px;
color: #464646;
line-height: 23px;
height: 42px;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.zm .sj{
position: absolute;
right: 0;
top: 30px;
font-size: 16px;
color: #000000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.zm:hover h3{
color: #FFFFFF;
}
.zm:hover p{
color: #FFFFFF;
}
.zm:hover .sj{
color: #FFFFFF;
}
.ym ul li:hover h3{
color: #FFFFFF;
}
.ym ul li:hover p{
color: #FFFFFF;
}
.ym ul li:hover .sj{
color: #FFFFFF;
}
.ymimg{
width: 24%;
float: left;
height: 136px;
overflow: hidden;
}
.ymimg img{
width: 100%;
transform: scale(1.1);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ym ul li:hover img{
transform: scale(1.2);
}
.ymnei{
width: 508px;
height: 136px;
float: left;
margin-left: 22px;
position: relative;
}
.ymnei h3{
width: 360px;
font-size: 16px;
color: #000000;
padding-top: 30px;
margin-bottom: 7px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ymnei .mnei{
font-size: 14px;
color: #464646;
line-height: 23px;
height: 42px;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ym .sj{
position: absolute;
right: 0;
top: 30px;
font-size: 16px;
color: #000000;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.cpq2{
position: relative;
}
.fenqu1{
padding-top: 52px;
margin-left: 95px;
}
.fenqu1 p:nth-child(1){
font-size: 60.88px;
color: #3c3c3c;
font-weight: bold;
}
.fenqu1 p:nth-child(1) b{
font-size: 98.92px;
}
.fenqu1 p:nth-child(1) span{
color: #cc0000;
}
.fenqu1 p:nth-child(2){
font-size: 21.57px;
color: #555555;
}
.fenqu2{
width: 608px;
height: 137px;
border-radius: 137px;
background-color: #0078ce;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.fenqu2:nth-child(2){
margin-left: 92px;
margin-top: 60px;
animation-delay: 0.5s;
}
.fenqu2:nth-child(3){
margin-top: 35px;
background-color: #ff9c00;
animation-delay: 1s;
}
.fenqu2:nth-child(4){
margin-top: 35px;
margin-left: 65px;
animation-delay: 1.5s;
}
.fenqu2:nth-child(5){
margin-top: 35px;
margin-left: 160px;
background-color: #ff9c00;
animation-delay: 2s;
}
.fenqu2:hover{
background-color: #cc0000;
}
.ff001{
float: left;
font-size: 65.25px;
color: #FFFFFF;
font-family: impact;
line-height: 137px;
width: 105px;
text-align: center;
position: relative;
}
.ff001:after{
content: '';
position: absolute;
right: 0;
top: 27px;
width: 1px;
height: 83px;
background-color: #FFFFFF;
}
.nnm{
float: left;
width: 426px;
margin-left: 37px;
}
.nnm p:nth-child(1){
font-size: 24.95px;
font-weight: bold;
color: #FFFFFF;
margin-top: 22px;
margin-bottom: 9px;
}
.nnm p:nth-child(2){
font-size: 16px;
color: #FFFFFF;
text-align: justify;
}
.fenqu3{
position: absolute;
right: -46px;
top: 186px;
width: 700px;
height: 700px;
}
.fenqu3 img{
width: 100%;
}
@media(max-width:9999px ){
.hy-pc{display: block;}
.hy-sj{display: none;}
.fdxx{display: none;}
}
@media(max-width:1760px ){
.cqppx1{
width: 98%;
margin: 0px auto;
overflow: hidden;
}
}
@media(max-width:1700px ){
.w1700{width: 98%; margin: 0px auto;}
}
@media(max-width:1600px ){
.w1600{width: 98%; margin: 0px auto;}
.hlogo img {
width: auto;
height: 130px;
position: absolute;
left: 0;
top: 12px;
z-index: 999999;
}
.shunximg {
width: 100%;
height: 194px;
overflow: hidden;
}
.charuan {
width: 220px;
height: 49px;
line-height: 49px;
border-radius: 49px;
background-color: #FFFFFF;
text-align: center;
position: absolute;
left: 16%;
top: 58px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
}
@media(max-width:1630px ){
.w1630{width: 98%; margin: 0px auto;}
}
@media(max-width:1600px ){
.fen7 .lpxz {
float: left;
width: 45.3%;
position: relative;
height: 550px;
}
.xiangshang .bd{
height: 300px;
}
}
@media(max-width:1560px ){
.w1560{width: 98%; margin: 0px auto;}
}
@media(max-width:1530px ){
.hy-tdh {
position: absolute;
right: 0;
width: 22%;
height: 120px;
}
.hy-tdh span {
display: block;
font-size: 30px;
color: #D50000;
font-family: impact;
float: left;
}
}
@media(max-width:1520px ){
.w1520{width: 98%; margin: 0px auto;}
}
@media(max-width:1500px ){
.w1500{width: 98%; margin: 0px auto;}
.fen7 .lpxz {
float: left;
width: 45.3%;
position: relative;
height: 500px;
}
.xinwenfen {
width: 98%;
margin: 0px auto;
padding-top: 30px;
}
}
@media(max-width:1400px ){
.w1400{width: 98%; margin: 0px auto;}
.fen7 .lpxz {
float: left;
width: 45.3%;
position: relative;
height: 450px;
}
.xiangshang .bd{
height: 220px;
}
.morex{
position: absolute;
right: 6%;
top: 18px;
width: 90px;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 14px;
background-color: #efefef;
border-radius: 28px;
}
.hlogo img {
width: auto;
height: 110px;
position: absolute;
left: 0;
top: 26px;
z-index: 999999;
}
}
@media(max-width:1460px ){
.w1460{width: 98%; margin: 0px auto;}
}
@media(max-width:1350px ){
.fenqu3 {
position: absolute;
right: -46px;
top: 300px;
width: 528px;
height: 700px;
}
}
@media(max-width:1300px ){
.w1300{width: 98%; margin: 0px auto;}
.rongyu{width: 98%; margin: 0px auto;}
.dispd .simg {
width: 40%;
height: 230px;
float: left;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.dispd .sbt {
width: 58%;
float: right;
height: 100%;
display: table;
height: 230px;
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.fen7 .lpxz {
float: left;
width: 45.3%;
position: relative;
height: 400px;
}
.dqp2 {
font-size: 18px;
font-family: impact;
margin-left: 6%;
margin-top: 7px;
text-indent: 5px;
}
.dqp2 img {
width: 19px;
height: 19px;
margin-top: 2px;
}
}
@media(max-width:1280px ){
.w1280{
width: 98%;
margin: 0px auto;
}
}
@media(max-width:1260px ){
.w1260{
width: 98%;
margin: 0px auto;
}
.wsx .wentiz1{display: table; width: 96%; margin: 0px auto;}
.hong1 .hong1y {
float: right;
width: 670px;
height: 594px;
}
}
@media(max-width:1240px ){
.zm {
float: left;
width: 470px;
height: 465px;
background-color: #ebf1fd;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.ym {
float: right;
width: 700px;
height: 465px;
}
}
@media(max-width:1200px ){
.w1200{width: 98%; margin: 0px auto;}
.fen7 .lpxz {
float: left;
width: 45.3%;
position: relative;
height: 350px;
}
.fen7 .obt h3 {
font-size: 45px;
color: #FFFFFF;
}
.xiangshang .bd {
height: 280px;
}
}
@media(max-width:1190px ){
.xuanze {
width: 100%;
overflow: hidden;
height: 700px;
position: relative;
margin-right: 30%;
}
}
@media(max-width:1160px ){
.hy-tdh img {
float: right;
width: 19%;
margin-right: 5%;
margin-top: 37px;
display: none;
}
.hy-tdh p {
margin-top: 37px;
width: 100%;
float: right;
font-size: 16px;
display: table;
}
}
@media(max-width:1100px ){
.dispd .simg {
width: 40%;
height: 200px;
float: left;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.dispd .sbt {
width: 58%;
float: right;
height: 100%;
display: table;
height: 200px;
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.fen7 .lpxz {
float: left;
width: 45.3%;
position: relative;
height: 300px;
}
}
@media(max-width:960px ){
.hy-pc{display: none;}
.hy-sj{display: block;}
.swiper-pagination-bullet {
width: 5px;
height: 5px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
.fkx1 .fxl {
float: none;
width: 100%;
height: auto;
display: table;
}
.fkx1 .fxr {
float: none;
width: 100%;
display: table;
vertical-align: middle;
height: auto;
}
.fkx2 .fxl {
float: none;
width: 100%;
height: auto;
display: table;
}
.fkx2 .fxr {
float: none;
width: 100%;
display: table;
vertical-align: middle;
height: auto;
}
.bjw{display: none;}
.fdxx{display: table;}
.probanner img{width: 100%; display: block;}
.probanner {
width: 100%;
background: url(/file/by/images/neibanner.jpg);
height: auto;
background-attachment: fixed;
display: block;
overflow: hidden;
position: relative;
}
.neiye-bt1 {
color: #FFFFFF;
width: 100%;
overflow: hidden;
font-size: 48px;
text-align: center;
}
.neiye-bt2 {
color: #FFFFFF;
overflow: hidden;
width: 100%;
font-size: 20px;
text-align: center;
}
.disp {
width: 98%;
float: none;
margin: 0px auto;
}
.dispd .simg {
width: 40%;
height: 180px;
float: left;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.dispd .sbt {
width: 58%;
float: right;
height: 100%;
display: table;
height: 180px;
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.fen4 .zl {
float: none;
width: 96%;
margin: 0px auto;
margin-top: -80px;
}
.kowpx{
display: none;
}
.fen4 .zl .ywu {
width: 100%;
margin-top: 20px;
display: table;
text-align: center;
}
.fen4 .zl .er1:nth-child(1) {
float: none;
width: 20%;
border: 1px solid #FFFFFF;
border-radius: 10px;
text-align: center;
margin-left: 0%;
margin: 2%;
display: inline-block;
}
.fen4 .zl .er1 {
float: none;
width: 20%;
border: 1px solid #FFFFFF;
border-radius: 10px;
text-align: center;
margin-left: 0%;
margin: 2%;
display: inline-block;
}
.fen7 .mklp {
float: left;
width: 45.3%;
position: relative;
height: 300px;
display: none;
}
.fen7 .lpzr {
float: none;
width: 96%;
margin: 0px auto;
height: auto;
}
.xinkkow .bd li {
float: left;
width: 48%;
margin: 1%;
height: auto;
padding-bottom: 0px;
max-height: initial;
background-color: #0078ce;
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.fen9 .mk8x .mk8xa p {
color: #FFFFFF;
font-size: 14px;
line-height: 30px;
}
.mkow {
position: absolute;
left: 50%;
bottom: 23%;
width: 9.7%;
height: 133px;
margin-left: -4.85%;
}
.wsx .wentiz1{display: table; width: 96%; margin: 0px auto; margin-top: -60px;}
.wsx .shx {
position: absolute;
bottom: 80px;
width: 100%;
height: 80px;
left: 0;
}
.ddu1x {
font-size: 18px;
float: right;
font-family: impact;
color: #0078ce;
}
.ddu2x {
font-size: 16px;
float: right;
margin-top: 23px;
margin-right: 10px;
color: #0078ce;
}
.xmkc{margin-top: -50px;}
}
@media(max-width:900px ){
.fenlei2 ul li {
width: 100%;
float: none;
margin: 0;
margin-top: 1%;
background-color: #f1f1f1;
}
.neiye-bt1 {
color: #FFFFFF;
width: 100%;
overflow: hidden;
font-size: 30px;
text-align: center;
}
.neiye-bt2 {
color: #FFFFFF;
overflow: hidden;
width: 100%;
font-size: 16px;
text-align: center;
}
.dispd .simg {
width: 100%;
height: auto;
float: left;
border-radius: 10px;
position: relative;
overflow: hidden;
}
.dispd .sbt {
width: 100%;
float: right;
height: 100%;
display: table;
height: 180px;
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.dispd{width: 98%; margin: 0px auto;}
.dispd ul li {
display: table;
width: 100%;
margin-top: 1%;
border-radius: 5px;
overflow: hidden;
padding-bottom: 20px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
}
@media(max-width:860px ){
.kox .erwu {
width: 50%;
height: 50%;
float: left;
position: relative;
}
.kox ul:hover .bgimg{opacity: 0; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox ul:hover .erwu{width: 50%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.kox ul .erwu:hover{width: 50%;}
#tecBg img{width: auto; max-width: initial; height: 100%;position: absolute;left: 50%; top: 0;transform: translateX(-50%); display: inline-block;-webkit-transition: all 0.3s;transition: all 0.3s;}
}
@media(max-width:760px ){
.swiper-button-next {
right: 20px;
transform: rotate(90deg);
}
.swiper-button-prev {
left: 20px;
transform: rotate(90deg);
}
.fen7 .onr ul li {
width: 31.33%;
float: left;
margin: 1%;
}
.fen7 .onr ul li:nth-child(1){margin-left: 1%;}
.fen7 .onr ul li:nth-child(5){margin-left: 1%;}
.fen7 .onr ul li:nth-child(9){margin-left: 1%;}
}
@media(max-width:720px ){
.wsx .pl1 {
font-size: 30px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
padding-top: 40px;
padding-bottom: 30px;
}
.wsx .pl2 {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}
}
@media(max-width:700px ){
.bjx1 h3 {
font-size: 50px;
color: #0078ce;
}
.bjx1 p {
font-size: 18px;
color: #0078ce;
padding-top: 10px;
}
.bjx2 h3 {
font-size: 50px;
color: #FFFFFF;
}
.bjx2 p {
font-size: 18px;
color: #FFFFFF;
padding-top: 10px;
}
.xinkkow .bd li .neivb {
width: 90%;
margin: 0px auto;
text-align: justify;
}
.xinkkow .bd li .neivb h3 {
font-size: 16px;
color: #FFFFFF;
padding-top: 10px;
padding-bottom: 0;
margin-bottom: 10px;
height: 23px;
overflow: hidden;
}
.xinkkow .bd li .shijian {
position: absolute;
left: 7%;
top: -6%;
width: 27%;
height: 100px;
background-color: #0078ce;
text-align: center;
z-index: 99;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
display: none;
}
.xinkkow .bd li .neivb p {
font-size: 14px;
line-height: 30px;
color: #FFFFFF;
height: 60px;
overflow: hidden;
}
.xinkkow .hd ul li {
display: inline-block;
cursor: pointer;
color: #FFFFFF;
border: 1px solid #FFFFFF;
width: 27%;
border-radius: 40px;
margin-left: 2%;
margin-right: 2%;
}
.fen9 .mk8x .mk8xa p {
color: #FFFFFF;
font-size: 12px;
line-height: 12px;
}
.ddux {
margin-top: -135px;
}
}
@media(max-width:650px ){
.shoull .kopx {
width: 54%;
position: relative;
float: none;
margin: 0px auto;
}
.fenlei2 .zs .zsf h3 {
margin-top: 10%;
position: relative;
font-size: 16px;
}
}
@media(max-width:620px ){
.product_list{width: 96%; margin: 0px auto;}
.pagenum {
padding-top: 10px;
display: table;
margin: 0px auto;
}
}
@media(max-width:620px ){
.lineqq {
width: 30px;
height: 3px;
background-color: #fff;
margin: 5px auto;
}
.neiye-bt1 {
color: #FFFFFF;
width: 100%;
overflow: hidden;
font-size: 20px;
text-align: center;
}
.neiye-bt2 {
color: #FFFFFF;
overflow: hidden;
width: 100%;
font-size: 14px;
text-align: center;
}
.disp ul li {
width: 48%;
float: left;
margin: 1%;
border-radius: 5px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disps ul li {
width: 48%;
margin: 1%;
float: left;
background-color: #f1f1f1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.dispo ul li {
width: 48%;
margin: 1%;
float: left;
background-color: #f1f1f1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.mkow {
position: absolute;
left: 50%;
bottom: 23%;
width: 9.7%;
height: 83px;
margin-left: -4.85%;
}
.wdsadxx {
margin-top: 100px;
height: 190px;
display: none;
}
}
.dkmlc{font-size: 42px;}
.dkmlc2{font-size: 14px; color: rgb(127, 127, 127);}
@media(max-width:600px ){
.dkmlc{font-size: 22px;}
.dkmlc2{font-size: 12px; color: rgb(127, 127, 127);}
.dkmlc3{font-size: 12px;}
}
@media(max-width:580px ){
.shoull .kopx {
width: 80%;
position: relative;
float: none;
margin: 0px auto;
}
}
@media(max-width:560px ){
.fenlei ul li {
width: 28.33%;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 5px;
margin: 1%;
margin-left: 0%;
margin-top: 0%;
display: inline-block;
background-color: #e5e5e5;
transform: skew(-15deg);
-webkit-transform: skew(-15deg);
-moz-transform: skew(-15deg);
-o-transform: skew(-15deg);
-ms-transform: skew(-15deg);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.hy-neiye-bt {
display: table-cell;
vertical-align: middle;
margin-top: 30px;
}
}
@media(max-width:550px ){
.bjx1 h3 {
font-size: 30px;
color: #0078ce;
}
.bjx1 p {
font-size: 16px;
color: #0078ce;
padding-top: 10px;
}
.bjx2 h3 {
font-size: 30px;
color: #FFFFFF;
}
.bjx2 p {
font-size: 16px;
color: #FFFFFF;
padding-top: 10px;
}
.oox{width:100%;height:210px;margin: 0px auto;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#scroll_one ul li{float: left;width:280px;height: auto;text-align: center;margin-right:20px;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.fen4 .zl .er1 p {
font-size: 12px;
color: #FFFFFF;
padding-top: 6px;
padding-bottom: 16px;
}
.fen4 .zl .koxw {
text-align: left;
color: #FFFFFF;
text-align: justify;
line-height: 30px;
font-size: 16px;
padding-top: 20px;
}
.swiper-containert {
width: 100%;
height: 218px;
padding-top: 48px;
}
.swiper-containert .swiper-slide {
background-position: center;
background-size: cover;
width: 300px;
height: 218px;
border: 5px solid #FFFFFF;
overflow: hidden;
box-sizing: border-box;
}
.fen7 .obt h3 {
font-size: 30px;
color: #FFFFFF;
}
.fen7 .obt p {
font-size: 14px;
color: #FFFFFF;
line-height: 30px;
text-align: justify;
}
.fen7 .obt {
width: 100%;
border-bottom: 1px solid rgba(255,255,255,.5);
text-align: left;
padding-bottom: 10px;
padding-top: 0px;
margin-top: -50px;
}
.xinkkow .bd {
width: 100%;
display: table;
margin-top: 20px;
}
.oov h3{font-size: 12px; margin-left: 0;}
.fen7 .onr{padding-top: 0; display: table;}
.fkx1 .fxl .neixiao h2 {
font-size: 1.5rem;
}
.fkx1 .fxl p {
text-align: justify;
font-size: 12px;
}
.fkx2 .fxl .neixiao h2 {
font-size: 1.25rem;
}
.fkx2 .fxl p {
font-size: 12px;
text-align: justify;
}
.rongyu .qbt {
font-size: 1.5rem;
text-align: center;
width: 100%;
font-weight: normal;
margin-bottom: 2rem;
}
.fkx3 .fxl .neixiao h2 {
font-size: 1.5rem;
text-align: center;
}
.fkx3 .fxl p {
text-align: justify;
font-size: 12px;
}
}
@media(max-width:520px ){
.fenlei2 .zs .zsf {
text-indent: 1em;
font-size: 20px;
height: 100%;
width: 100%;
}
}
@media(max-width:500px ){
.wsx .pl1 {
font-size: 24px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
padding-top: 40px;
padding-bottom: 30px;
}
.wsx .pl2 {
font-size: 18px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}
.fen7 .onr ul li {
width: 48%;
float: left;
margin: 1%;
}
.fen7 .onr ul li:nth-child(1){margin-left: 1%;}
.fen7 .onr ul li:nth-child(5){margin-left: 1%;}
.fen7 .onr ul li:nth-child(9){margin-left: 1%;}
}
@media(max-width:480px ){
.shoull .kopx {
width: 65%;
position: relative;
float: none;
margin: 0px auto;
}
.neixd {
width: 93%;
height: 300px;
margin: 0px auto;
margin-top: 68px;
}
}
@media(max-width:430px ){
.fenlei2 .zs .zsf {
text-indent: 1em;
font-size: 18px;
height: 100%;
width: 100%;
}
}
@media(max-width:390px ){
.wsx .pl1 {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
padding-top: 40px;
padding-bottom: 30px;
}
.wsx .pl2 {
font-size: 18px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}
}
@media(max-width:375px ){
ul.fs .box1 li {
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 10px;
}
ul.fs li.radio label {
margin: 0 0px;
}
#map{width: 320px; margin: 0px auto;}
}
/*å“应å¼æ ·å¼ç»“æŸ*/
/*产品列表*/
.showlist {width:100%;float:left;}
.showlist div *{width:100%;}
.showlist li{margin:10% auto;width:80%;background:#fdfdfd;border:5px solid #fff;border-radius: 5px;}
.showlist li:hover{box-shadow: 0px 0px 8px #666;background:#f0f0f0;}
.showlist li dl a{display:block;}
.showlist li img{border-radius: 5px;}
.showlist li .t{line-height:35px;display:block; text-align: center;}
.showlist li:hover b{color:#e30;}
.showlist dt a{overflow:hidden;display:inline-block;transform:rotate(0);border-radius: 5px;}
.showlist dt a img{transition:all .4s ease-in-out;}
.showlist dt a:hover img{transform:translateZ(0) scale(1.12);}
.showlist dd ,.showlist ol{padding:1%;color:#666;text-align:center;}
.showlist dd *{color:#666;}
.showlist span{text-decoration:line-through;vertical-align: middle;}
.showlist .pm{text-decoration:none;color:#00F;}
.showlist div{float:left;border-left:1px solid #eee;}
.showlist div:hover{background:#fafafa;}
.showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;}
@media only screen and (max-width: 650px){
.showlist .button{font-size:12px;height:30px;line-height:30px;}
}
#showdata {display:none;}
#showdata li{float:left;width:300px;}
#showdata li *{width:100%;}
#loaddata {text-align:center;}
.showpics{width:94%;border:#DBDBDB solid 1px;border-radius:5px;background:#FFF;float:left;margin:0px;}
.showpics img{border-radius:5px;}
.showpics li{height:395px;padding-bottom:15px;text-align:center;position:relative;}
.showpics li img{max-height:385px;max-width:95%;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;z-index:0;}
.showpics ol {border-top:#dbdbdb solid 1px;background:#fbfbfb;}
.showpics dt{height:90px;overflow: hidden}
.showpics dt img{height:90%;margin:1%;}
.showpics dt img:hover{box-shadow: -5px -5px 8px #aaa;}
div.showleft{background:#fdfdfd;width:50%;float:left;margin:3% 0px;}
div.showleft .qrout{margin:0px 20px 0px 0px;}
ul.fs2 {margin:0px;padding-top:1px;}
ul.fs2 li dl{width:20%;}
ul.fs2 li dt{width:76%;}
#_nub{width:50px;}
.nubjia,.nubjian{border:#A0A0A0 1px solid;line-height:27px;height:27px;width:15px;display:inline-block;margin-left:3px;text-align:center;cursor:pointer;user-select:none;}
div.min_box_content{color:#666;min-height:110px;height:110px;padding-bottom:22px;}
div.min_box_content div.c{min-height:110px;text-indent:2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
div.min_box_content:hover{color:#000;background:url(/file/by/images/hotbg.gif);}
h1.title2{padding:5px 10px;font-size:18px;text-align: left;color: #10a211;}
/*新闻列表*/
.news {width:100%;}
.news *{font-size:1.1em;color:#666;}
.news li{background:#fdfdfd;width:100%;position:relative;}
.news li:hover{background:#f7f7f7;}
.news li a{display:block;position:relative;left:10px;top:0;padding:10px;}
.news li a p{font-size:16px;font-weight:900;}
.news li p span{display:block;position:absolute;right:20px;top:10px;font-size:14px;color:#999999;}
.news li ol{clear: both;float:none;padding:10px;overflow:hidden;color:#888;font-size:1em;font-size: 14px;}
.news li ol img{width:200px;border-radius: 5px;padding-right: 10px;float:left;}
.news li ol:hover{overflow:auto;}
.news li:hover ol{display:block;color:#000;}
.news li:hover a{color:red;}
.news li .news-left-image{width:20%;max-width:200px;float:left;}
.news li .news-left-image img{
width:100%;}
.news li .news-right-dess {float:left;width:78%;margin-left:2%;}
@media (max-width:762px){
.news li .news-left-image{
width: 100%;
max-width:762px;
text-align: center;
margin-bottom: 10px;
}
.news li .news-right-dess {
width: 100%;
margin-left: 0;
}
}
.disp1{width: 100%; }
.disp1 ul li{
width: 49%;
float: left;
margin: 0.5%;
border-radius: 5px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp1 ul li .simg1{
width: 100%;
border-radius: 5px;
overflow: hidden;
}
.disp1 ul li .simg1 img{
width: 100%;
max-height: 100%;
min-height: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
transform: scale(1);
}
.disp1 ul li .sbt1 p{
padding-top: 10px;
font-size: 18px;
padding-bottom: 20px;
text-align: center;
position: relative;
width: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp1 ul li:hover{
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp1 ul li:hover img{
transform: scale(1.2);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp1 ul li p:after{content: ""; position: absolute; width: 0; height: 2px; left: 0; bottom: 0; background-color: #0078ce;}
.disp1 ul li:hover p::after{
width: 100%;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.disp1 ul li:hover p{
color: #0078ce;
}